amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

[Beta] Use React versions from package.json (#5100)

Browse Source
This commit is contained in:
dan
2022-09-23 22:39:11 +01:00
committed by GitHub
parent 0826c798a6
commit bd0f7c02f0
1 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
beta/src/components/MDX/Sandpack/SandpackRoot.tsx
View File

@@ -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