= {
name: string;
diff --git a/src/lib/sveltify.ts b/src/lib/sveltify.ts
index 4ae7921..9ca2d27 100644
--- a/src/lib/sveltify.ts
+++ b/src/lib/sveltify.ts
@@ -1,11 +1,11 @@
-import * as React from "react";
import type ReactDOMServer from "react-dom/server";
-import { writable, type Readable } from "svelte/store";
+import * as React from "react";
import { getAllContexts, type SvelteComponent } from "svelte";
+import { type Readable, writable } from "svelte/store";
import type { SvelteInit, TreeNode } from "./internal/types";
+import Bridge, { type BridgeProps } from "./internal/Bridge.js";
import ReactWrapper from "./internal/ReactWrapper.svelte";
import Slot from "./internal/Slot.svelte";
-import Bridge, { type BridgeProps } from "./internal/Bridge.js";
import SvelteToReactContext from "./internal/SvelteToReactContext.js";
let rerender: (props: BridgeProps) => void;
@@ -44,6 +44,15 @@ export default function sveltify(
ReactDOMClient: any,
renderToString?: typeof ReactDOMServer.renderToString,
): Sveltified> {
+ if (
+ typeof reactComponent !== "function" &&
+ typeof reactComponent === "object" &&
+ "default" in reactComponent &&
+ typeof (reactComponent as any).default === "function"
+ ) {
+ // Fix SSR import issue where node doesn't import the esm version. 'react-youtube'
+ reactComponent = (reactComponent as any).default; // eslint-disable-line no-param-reassign
+ }
const Wrapper = ReactWrapper as any;
const ssr = typeof Wrapper.$$render === "function";
if (ssr) {
diff --git a/src/routes/context-react/+page.svelte b/src/routes/context-react/+page.svelte
index 6e839dd..39d7c63 100644
--- a/src/routes/context-react/+page.svelte
+++ b/src/routes/context-react/+page.svelte
@@ -1,5 +1,6 @@
diff --git a/src/routes/lazy/+page.svelte b/src/routes/lazy/+page.svelte
index 88d6e1b..b6e97db 100644
--- a/src/routes/lazy/+page.svelte
+++ b/src/routes/lazy/+page.svelte
@@ -1,7 +1,7 @@
diff --git a/src/routes/react-router/+layout.svelte b/src/routes/react-router/+layout.svelte
index 1d816c0..b60d9a1 100644
--- a/src/routes/react-router/+layout.svelte
+++ b/src/routes/react-router/+layout.svelte
@@ -1,9 +1,9 @@
diff --git a/src/routes/react-router/[slug]/+page.svelte b/src/routes/react-router/[slug]/+page.svelte
index bb7a3a7..c6b827b 100644
--- a/src/routes/react-router/[slug]/+page.svelte
+++ b/src/routes/react-router/[slug]/+page.svelte
@@ -1,7 +1,7 @@
diff --git a/src/routes/sveltify-react/+server.ts b/src/routes/sveltify-react/+server.ts
index 9fe6447..b7b11fa 100644
--- a/src/routes/sveltify-react/+server.ts
+++ b/src/routes/sveltify-react/+server.ts
@@ -4,6 +4,5 @@ import detectReactVersion from "../../lib/internal/detectReactVersion";
export const GET: RequestHandler = async () => {
const version = await detectReactVersion();
const location = version <= 17 ? "/sveltify-react17" : "/sveltify-react18";
- /* eslint-disable-next-line @typescript-eslint/no-throw-literal */
redirect(302, location);
};
diff --git a/src/routes/youtube/react/+page.svelte b/src/routes/youtube/react/+page.svelte
new file mode 100644
index 0000000..21ab403
--- /dev/null
+++ b/src/routes/youtube/react/+page.svelte
@@ -0,0 +1,5 @@
+
+
+
diff --git a/src/routes/youtube/svelte/+page.svelte b/src/routes/youtube/svelte/+page.svelte
new file mode 100644
index 0000000..ee23a88
--- /dev/null
+++ b/src/routes/youtube/svelte/+page.svelte
@@ -0,0 +1,6 @@
+
+
+
diff --git a/src/routes/youtube/svelte/YouTubeWrapper.tsx b/src/routes/youtube/svelte/YouTubeWrapper.tsx
new file mode 100644
index 0000000..a5a3785
--- /dev/null
+++ b/src/routes/youtube/svelte/YouTubeWrapper.tsx
@@ -0,0 +1,5 @@
+import { reactify } from "svelte-preprocess-react";
+import { Youtube } from "svelte-youtube-lite";
+
+const YoutubeWrapper = reactify(Youtube);
+export default YoutubeWrapper;
diff --git a/src/tests/__snapshots__/preprocess.spec.ts.snap b/src/tests/__snapshots__/preprocess.spec.ts.snap
index af5ab00..5384172 100644
--- a/src/tests/__snapshots__/preprocess.spec.ts.snap
+++ b/src/tests/__snapshots__/preprocess.spec.ts.snap
@@ -177,8 +177,8 @@ const Component = () => null;
exports[`svelte-preprocess-react > should process on:event forwarding 1`] = `
"