@qwik.dev/react 2.0.0-beta.1 → 2.0.0-beta.11

package/lib/index.qwik.cjs

@@ -5,11 +5,11 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@qwik.dev/core/jsx-runtime");
 const core = require("@qwik.dev/core");
-const client = require("react-dom/client");
-const reactDom = require("react-dom");
 const internal = require("@qwik.dev/core/internal");
 const server = require("react-dom/server");
 const react = require("react");
+const client = require("react-dom/client");
+const reactDom = require("react-dom");
 const SlotCtx = react.createContext({
   scopeId: ""
 });
@@ -226,6 +226,14 @@ function qwikifyQrl(reactCmp$, opts) {
         });
       }
     });
+    core.useTask$(({ track, cleanup }) => {
+      track(signal);
+      if (core.isBrowser) {
+        cleanup(() => {
+          internalState.value?.root?.unmount();
+        });
+      }
+    });
     if (core.isServer && !isClientOnly) {
       const jsx = renderFromServer(TagName, reactCmp$, scopeId, props, hostRef, slotRef, hydrationKeys);
       return /* @__PURE__ */ jsxRuntime.jsx(core.RenderOnce, {

package/lib/index.qwik.mjs

@@ -3,11 +3,11 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { jsx, jsxs, Fragment } from "@qwik.dev/core/jsx-runtime";
 import { useSignal, $, isServer, useOn, useOnDocument, Slot, implicit$FirstArg, component$, useStylesScoped$, useStore, useTask$, isBrowser, noSerialize, RenderOnce, SkipRender } from "@qwik.dev/core";
-import { createRoot, hydrateRoot } from "react-dom/client";
-import { flushSync } from "react-dom";
 import { SSRStream, SSRComment, SSRRaw } from "@qwik.dev/core/internal";
 import { renderToString } from "react-dom/server";
-import { createContext, createElement, Component, createRef } from "react";
+import { createElement, createContext, Component, createRef } from "react";
+import { createRoot, hydrateRoot } from "react-dom/client";
+import { flushSync } from "react-dom";
 const SlotCtx = createContext({
   scopeId: ""
 });
@@ -224,6 +224,14 @@ function qwikifyQrl(reactCmp$, opts) {
         });
       }
     });
+    useTask$(({ track, cleanup }) => {
+      track(signal);
+      if (isBrowser) {
+        cleanup(() => {
+          internalState.value?.root?.unmount();
+        });
+      }
+    });
     if (isServer && !isClientOnly) {
       const jsx$1 = renderFromServer(TagName, reactCmp$, scopeId, props, hostRef, slotRef, hydrationKeys);
       return /* @__PURE__ */ jsx(RenderOnce, {

package/lib/types/react/slot.d.ts

@@ -11,7 +11,7 @@ export declare function mainExactProps(slotEl: Element | undefined, scopeId: str
 export declare class SlotElement extends Component {
     static contextType: import("react").Context<SlotState>;
     context: React.ContextType<typeof SlotCtx>;
-    slotC: import("react").RefObject<Element>;
+    slotC: import("react").RefObject<Element | null>;
     shouldComponentUpdate(): boolean;
     componentDidMount(): void;
     render(): import("react").DOMElement<{
@@ -20,7 +20,7 @@ export declare class SlotElement extends Component {
         dangerouslySetInnerHTML: {
             __html: string;
         };
-        ref: import("react").RefObject<Element>;
+        ref: import("react").RefObject<Element | null>;
     }, Element>;
 }
 export declare const getReactProps: (props: Record<string, any>) => Record<string, any>;

package/package.json

@@ -1,16 +1,16 @@
 {
   "name": "@qwik.dev/react",
   "description": "Qwik React allows adding React components into existing Qwik application",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.11",
   "bugs": "https://github.com/QwikDev/qwik/issues",
   "devDependencies": {
-    "@types/react": "18.3.3",
-    "@types/react-dom": "18.3.0",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
-    "typescript": "5.8.2",
-    "vite": "6.2.6",
-    "@qwik.dev/core": "2.0.0-beta.1"
+    "@types/react": "19.1.13",
+    "@types/react-dom": "19.1.7",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "typescript": "5.9.2",
+    "vite": "7.1.7",
+    "@qwik.dev/core": "2.0.0-beta.11"
   },
   "engines": {
     "node": "^18.17.0 || ^20.3.0 || >=21.0.0"
@@ -39,8 +39,8 @@
     "@types/react-dom": "^18",
     "react": "^18",
     "react-dom": "^18",
-    "vite": ">=5 <7",
-    "@qwik.dev/core": "^2.0.0-beta.1"
+    "vite": ">=5 <8",
+    "@qwik.dev/core": "^2.0.0-beta.11"
   },
   "publishConfig": {
     "access": "public"
@@ -51,6 +51,7 @@
     "url": "https://github.com/QwikDev/qwik.git",
     "directory": "packages/qwik-react"
   },
+  "sideEffects": false,
   "type": "module",
   "types": "./lib/types/index.qwik.d.ts",
   "scripts": {