Sandpack Provider without using a template

[jamesmurdza]

Discussed in https://github.com/codesandbox/sandpack/discussions/970

^{Originally posted by **jamesmurdza** July 15, 2023} If I remove, `template="static"` from the below code, the template is still applied. I want to provide my own directory structure with a completely different list of files. How can I do this? ```js import './App.css' import { SandpackProvider, SandpackLayout, SandpackPreview, SandpackConsole } from "@codesandbox/sandpack-react"; export default function App() { const files = {} return ( ) } ```

[husniramdani]

Try this

      <SandpackProvider
        theme="auto"
        files={{
          '/user.sql': `CREATE TABLE users (
  id INTEGER PRIMARY KEY AUTOINCREMENT,
  name TEXT NOT NULL,
  age INTEGER NOT NULL
);
`,
        }}
        customSetup={{
          entry: '/user.sql',
        }}
      >
      <SandpackLayout>
        <SandpackPreview />
        <SandpackConsole />
      </SandpackLayout>
    </SandpackProvider>