• No changes, 1.x.x versions are compatible with Svelte 4

• Locked peerDependency Svelte to v4 (For Svelte v5 try the 2.x beta )
• Event forwarding #17
• Upgraded development environment to SvelteKit 2

• Upgraded to Svelte v4
• Upgraded to @svelte/package v2 and applied stricter imports/exports
  • Previously both:
  • import sveltify from "svelte-preprocess-react/sveltify";
  • import { sveltify } from "svelte-preprocess-react";
  • were supported, now only import { sveltify } from "svelte-preprocess-react"; is supported.
• Switched from TS to JSDoc types for the preprocessor, simplifying the development setup.

• Examples now use @sveltejs/vite-plugin-svelte vitePreprocess instead of svelte-preprocess
• Added input example
• Added support for childless components, such as <react:input /> #25

#20 fix react key warning when using hooks

• #18 Fix: Using <react:Component />in AST branches like inside {:else}, {:catch} block
• Improved SSR (Slots & Cross framework contexts)
• A number of router-router shims to use let React components to use the sveltekit router using react-router like api's.

Use import * as React from "react" notation, this works for both bundled and native loaders.
( import { useState } from "react" fails in certain conditions because react is not ESM)

Features

• Added support for regular elements, to render a div via React:

  <react:div>A div</react:div>
  

Bugfixes

• svelte components that use react:* without a script tag not longer result in Invalid Token

Breaking

After updating to 0.10.0 you'll be getting a TypeError [ERR_UNKNOWN_FILE_EXTENSION]: Unknown file extension ".svelte" error when starting vite dev.

Update the import in your svelte.config.js, change:

import preprocessReact from "svelte-preprocess-react";

into

import preprocessReact from "svelte-preprocess-react/preprocessReact";

This change allows importing the utilities directly from svelte-preprocess-react, for example:

import { useStore } from "svelte-preprocess-react";

• Renamed useReadable to useStore
• Removed useWritable (a writable store already has a set function)

Features

• Using dot notation. <react:Context.Provider {value} />
• hooks. Using hooks inside Svelte files