reactjs
diff --git a/Diff for: ‎beta/illustrations/import-export.ai
-4,950 b/Diff for: ‎beta/illustrations/import-export.ai
-4,950
diff --git a/Diff for: ‎beta/illustrations/jsx.ai
-1,564 b/Diff for: ‎beta/illustrations/jsx.ai
-1,564
diff --git a/Diff for: ‎beta/patches/@codesandbox+sandpack-react+0.14.3-experimental.1.patch
+37 b/Diff for: ‎beta/patches/@codesandbox+sandpack-react+0.14.3-experimental.1.patch
+37
diff --git a/Diff for: ‎beta/plugins/sandbox-templates/cra/package.json
-13 b/Diff for: ‎beta/plugins/sandbox-templates/cra/package.json
-13
diff --git a/Diff for: ‎beta/plugins/sandbox-templates/cra/public/index.html
-26 b/Diff for: ‎beta/plugins/sandbox-templates/cra/public/index.html
-26
diff --git a/Diff for: ‎beta/plugins/sandbox-templates/cra/src/App.js
-5 b/Diff for: ‎beta/plugins/sandbox-templates/cra/src/App.js
-5
diff --git a/Diff for: ‎beta/plugins/sandbox-templates/cra/src/index.js
-13 b/Diff for: ‎beta/plugins/sandbox-templates/cra/src/index.js
-13
diff --git a/Diff for: ‎beta/plugins/sandbox-templates/cra/src/styles.css
-3 b/Diff for: ‎beta/plugins/sandbox-templates/cra/src/styles.css
-3
diff --git a/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.dark.png
13 KB b/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.dark.png
13 KB
diff --git a/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.dark.svg
-48 b/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.dark.svg
-48
diff --git a/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.png
12.6 KB b/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.png
12.6 KB
diff --git a/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.svg
-48 b/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_close.svg
-48
diff --git a/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_far.dark.png
56.9 KB b/Diff for: ‎beta/public/images/docs/diagrams/passing_data_context_far.dark.png
56.9 KB
@@ -0,0 +1,37 @@
+diff --git a/node_modules/@codesandbox/sandpack-react/dist/esm/index.js b/node_modules/@codesandbox/sandpack-react/dist/esm/index.js
+index 4acfc3a..d00e57d 100644
+--- a/node_modules/@codesandbox/sandpack-react/dist/esm/index.js
++++ b/node_modules/@codesandbox/sandpack-react/dist/esm/index.js
+@@ -566,17 +566,16 @@ var REACT_TEMPLATE = {
+     },
+     "/index.js": {
+       code: `import React, { StrictMode } from "react";
+-import ReactDOM from "react-dom";
++import { createRoot } from "react-dom/client";
+ import "./styles.css";
+ 
+ import App from "./App";
+ 
+-const rootElement = document.getElementById("root");
+-ReactDOM.render(
++const root = createRoot(document.getElementById("root"));
++root.render(
+   <StrictMode>
+     <App />
+-  </StrictMode>,
+-  rootElement
++  </StrictMode>
+ );`
+     },
+     "/styles.css": {
+@@ -611,8 +610,8 @@ h1 {
+     }
+   },
+   dependencies: {
+-    react: "^17.0.0",
+-    "react-dom": "^17.0.0",
++    react: "^18.0.0",
++    "react-dom": "^18.0.0",
+     "react-scripts": "^4.0.0"
+   },
+   entry: "/index.js",