reactjs · arshadkazmi42 · May 9, 2022 · May 2, 2022 · May 5, 2022 · May 5, 2022
diff --git a/beta/illustrations/import-export.ai b/beta/illustrations/import-export.ai
diff --git a/beta/illustrations/jsx.ai b/beta/illustrations/jsx.ai
diff --git a/beta/patches/@codesandbox+sandpack-react+0.14.3-experimental.1.patch b/beta/patches/@codesandbox+sandpack-react+0.14.3-experimental.1.patch
@@ -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",
diff --git a/beta/plugins/sandbox-templates/cra/package.json b/beta/plugins/sandbox-templates/cra/package.json
diff --git a/beta/plugins/sandbox-templates/cra/public/index.html b/beta/plugins/sandbox-templates/cra/public/index.html
diff --git a/beta/plugins/sandbox-templates/cra/src/App.js b/beta/plugins/sandbox-templates/cra/src/App.js
diff --git a/beta/plugins/sandbox-templates/cra/src/index.js b/beta/plugins/sandbox-templates/cra/src/index.js
diff --git a/beta/plugins/sandbox-templates/cra/src/styles.css b/beta/plugins/sandbox-templates/cra/src/styles.css
diff --git a/beta/public/images/docs/diagrams/passing_data_context_close.dark.png b/beta/public/images/docs/diagrams/passing_data_context_close.dark.png
diff --git a/beta/public/images/docs/diagrams/passing_data_context_close.dark.svg b/beta/public/images/docs/diagrams/passing_data_context_close.dark.svg
diff --git a/beta/public/images/docs/diagrams/passing_data_context_close.png b/beta/public/images/docs/diagrams/passing_data_context_close.png
diff --git a/beta/public/images/docs/diagrams/passing_data_context_close.svg b/beta/public/images/docs/diagrams/passing_data_context_close.svg
diff --git a/beta/public/images/docs/diagrams/passing_data_context_far.dark.png b/beta/public/images/docs/diagrams/passing_data_context_far.dark.png