diff --git a/sandpack-react/src/PrivatePackage.stories.tsx b/sandpack-react/src/PrivatePackage.stories.tsx index be40526ec..dc490c046 100644 --- a/sandpack-react/src/PrivatePackage.stories.tsx +++ b/sandpack-react/src/PrivatePackage.stories.tsx @@ -10,19 +10,19 @@ export const Basic: React.FC = () => { return (
Hello World - // }`, - // }} +export default function App() { + return +}`, + }} // options={{ bundlerURL: `http://localhost:3000` }} - options={{ bundlerURL: `https://2-1-0-sandpack.codesandbox.stream/` }} - teamId="6756547b-12fb-465e-82c8-b38a981f1f67" + // options={{ bundlerURL: `https://2-1-0-sandpack.codesandbox.stream/` }} + teamId="642af90c-4717-4730-bad3-e4c1e37ca5e2" template="react" />
diff --git a/sandpack-react/src/components/common/OpenInCodeSandboxButton/UnstyledOpenInCodeSandboxButton.tsx b/sandpack-react/src/components/common/OpenInCodeSandboxButton/UnstyledOpenInCodeSandboxButton.tsx index 2c25d037a..79e62d8e7 100644 --- a/sandpack-react/src/components/common/OpenInCodeSandboxButton/UnstyledOpenInCodeSandboxButton.tsx +++ b/sandpack-react/src/components/common/OpenInCodeSandboxButton/UnstyledOpenInCodeSandboxButton.tsx @@ -45,7 +45,7 @@ const getFileParameters = ( export const UnstyledOpenInCodeSandboxButton: React.FC< React.HtmlHTMLAttributes -> = ({ children, ...props }) => { +> = (props) => { const { sandpack } = useSandpack(); if (sandpack.exportOptions) { diff --git a/sandpack-react/src/contexts/utils/useFiles.test.ts b/sandpack-react/src/contexts/utils/useFiles.test.ts index d738f554c..95a16be4d 100644 --- a/sandpack-react/src/contexts/utils/useFiles.test.ts +++ b/sandpack-react/src/contexts/utils/useFiles.test.ts @@ -7,7 +7,7 @@ import { VANILLA_TEMPLATE } from "../../templates"; import { getSandpackStateFromProps } from "../../utils/sandpackUtils"; import { useFiles } from "./useFiles"; -import {SandpackBundlerFile} from "@codesandbox/sandpack-client/src"; +import { SandpackBundlerFile } from "@codesandbox/sandpack-client/src"; describe(useFiles, () => { it("should returns an initial state, which is the default template", () => { @@ -127,24 +127,26 @@ describe(useFiles, () => { expect(result.current[0].files["/index.js"]).toEqual({ code: `Baz` }); }); it("doesn't override the activeFile's metadata", () => { - const {result} = renderHook(() => useFiles({ - template: "react", - files: { - "/App.js": { - code: "export default function App() { return

Hello world

}", - readOnly: true, - someOtherMetadata: "foo" - } as SandpackBundlerFile - } - })); + const { result } = renderHook(() => + useFiles({ + template: "react", + files: { + "/App.js": { + code: "export default function App() { return

Hello world

}", + readOnly: true, + someOtherMetadata: "foo", + } as SandpackBundlerFile, + }, + }) + ); act(() => { result.current[1].updateFile("/App.js", "console.log(10)"); }); expect(result.current[0].files["/App.js"]).toEqual({ - code: "console.log(10)", - readOnly: true, - someOtherMetadata: "foo" + code: "console.log(10)", + readOnly: true, + someOtherMetadata: "foo", }); - }) + }); }); diff --git a/sandpack-react/src/contexts/utils/useFiles.ts b/sandpack-react/src/contexts/utils/useFiles.ts index faf168295..97752c3a0 100644 --- a/sandpack-react/src/contexts/utils/useFiles.ts +++ b/sandpack-react/src/contexts/utils/useFiles.ts @@ -78,7 +78,7 @@ export const useFiles: UseFiles = (props) => { ...files, [pathOrFiles]: { ...files[pathOrFiles], - code + code, }, }; } else if (typeof pathOrFiles === "object") {