feat: update to react 19 (#1251)

Author: leekeh

sandpack-react/src/presets/Sandpack.stories.tsx

@@ -234,8 +234,8 @@ root.render(
   "private": true,
   "scripts": {},
   "dependencies": {
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
     "react-scripts": "^4.0.0"
   }
 }

sandpack-react/src/templates/node/vite-react-ts.ts

@@ -93,15 +93,15 @@ root.render(
             preview: "vite preview",
           },
           dependencies: {
-            react: "^18.2.0",
-            "react-dom": "^18.2.0",
+            react: "^19.0.0",
+            "react-dom": "^19.0.0",
           },
           devDependencies: {
-            "@types/react": "^18.0.28",
-            "@types/react-dom": "^18.0.11",
-            "@vitejs/plugin-react": "^3.1.0",
+            "@types/react": "^19.0.8",
+            "@types/react-dom": "^19.0.3",
+            "@vitejs/plugin-react": "^4.3.4",
             typescript: "^4.9.5",
-            vite: "4.1.4",
+            vite: "4.2.0",
             "esbuild-wasm": "^0.17.12",
           },
         },

sandpack-react/src/templates/runtime/react-typescript.ts

@@ -52,13 +52,13 @@ root.render(
     "/package.json": {
       code: JSON.stringify({
         dependencies: {
-          react: "^18.0.0",
-          "react-dom": "^18.0.0",
+          react: "^19.0.0",
+          "react-dom": "^19.0.0",
           "react-scripts": "^4.0.0",
         },
         devDependencies: {
-          "@types/react": "^18.0.0",
-          "@types/react-dom": "^18.0.0",
+          "@types/react": "^19.0.0",
+          "@types/react-dom": "^19.0.0",
           typescript: "^4.0.0",
         },
         main: "/index.tsx",

sandpack-react/src/templates/runtime/react.ts

@@ -39,8 +39,8 @@ root.render(
     "/package.json": {
       code: JSON.stringify({
         dependencies: {
-          react: "^18.0.0",
-          "react-dom": "^18.0.0",
+          react: "^19.0.0",
+          "react-dom": "^19.0.0",
           "react-scripts": "^5.0.0",
         },
         main: "/index.js",

sandpack-react/src/utils/sandpackUtils.test.ts

@@ -359,8 +359,8 @@ describe(getSandpackStateFromProps, () => {
     const packageContent = JSON.parse(setup.files["/package.json"].code);
     expect(packageContent.dependencies).toEqual({
       foo: "*",
-      react: "^18.0.0",
-      "react-dom": "^18.0.0",
+      react: "^19.0.0",
+      "react-dom": "^19.0.0",
       "react-scripts": "^5.0.0",
     });
   });