From bd0f7c02f054fa34ac2a224ba7632ab6034584ad Mon Sep 17 00:00:00 2001
From: dan <dan.abramov@gmail.com>
Date: Fri, 23 Sep 2022 22:39:11 +0100
Subject: [PATCH] [Beta] Use React versions from package.json (#5100)

---
 beta/src/components/MDX/Sandpack/SandpackRoot.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/beta/src/components/MDX/Sandpack/SandpackRoot.tsx b/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
index 5ea388b00..2a32e0137 100644
--- a/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
+++ b/beta/src/components/MDX/Sandpack/SandpackRoot.tsx
@@ -13,7 +13,6 @@ import type {SandpackSetup} from '@codesandbox/sandpack-react';
 type SandpackProps = {
   children: React.ReactNode;
   autorun?: boolean;
-  setup?: SandpackSetup;
   showDevTools?: boolean;
 };
 
@@ -68,7 +67,7 @@ ul {
 `.trim();
 
 function SandpackRoot(props: SandpackProps) {
-  let {children, setup, autorun = true, showDevTools = false} = props;
+  let {children, autorun = true, showDevTools = false} = props;
   const [devToolsLoaded, setDevToolsLoaded] = React.useState(false);
   const codeSnippets = React.Children.toArray(children) as React.ReactElement[];
   const files = createFileMap(codeSnippets);
@@ -78,6 +77,13 @@ function SandpackRoot(props: SandpackProps) {
     hidden: true,
   };
 
+  let setup;
+  if (files['/package.json']) {
+    setup = {
+      dependencies: JSON.parse(files['/package.json'].code).dependencies,
+    };
+  }
+
   return (
     <div className="sandpack sandpack--playground sandbox my-8">
       <SandpackProvider