docs(suspensive.org): remove ClientOnly in Sandpack

toss · Aug 24, 2024 · b112bac · b112bac
1 parent dc6cc73
commit b112bac
Showing 1 changed file with 30 additions and 33 deletions.
diff --git a/docs/suspensive.org/src/components/Sandpack/index.tsx b/docs/suspensive.org/src/components/Sandpack/index.tsx
@@ -6,7 +6,6 @@ import {
   type SandpackProviderProps,
 } from '@codesandbox/sandpack-react'
 import { atomDark } from '@codesandbox/sandpack-themes'
-import { ClientOnly } from '@suspensive/react'
 import { baseTemplate } from './baseTemplate'
 import { CustomPreset } from './CustomPreset'
 
@@ -25,37 +24,35 @@ interface SandpackProps extends Omit<SandpackProviderProps, 'template' | 'custom
 
 export const Sandpack = (props: SandpackProps) => {
   return (
-    <ClientOnly>
-      <SandpackProvider
-        template="react-ts"
-        theme={atomDark}
-        {...props}
-        files={{
-          ...baseTemplate.files,
-          ...(props.files || {}),
-        }}
-        customSetup={{
-          dependencies: {
-            ...baseTemplate.dependencies,
-            ...props.dependencies,
-          },
-          devDependencies: {
-            ...baseTemplate.devDependencies,
-            ...props.devDependencies,
-          },
-        }}
-        options={{
-          initMode: 'user-visible',
-          initModeObserverOptions: { rootMargin: '1400px 0px' },
-          ...props.providerOptions,
-        }}
-      >
-        <CustomPreset
-          layoutOptions={props.layoutOptions}
-          editorOptions={props.editorOptions}
-          previewOptions={props.previewOptions}
-        />
-      </SandpackProvider>
-    </ClientOnly>
+    <SandpackProvider
+      template="react-ts"
+      theme={atomDark}
+      {...props}
+      files={{
+        ...baseTemplate.files,
+        ...(props.files || {}),
+      }}
+      customSetup={{
+        dependencies: {
+          ...baseTemplate.dependencies,
+          ...props.dependencies,
+        },
+        devDependencies: {
+          ...baseTemplate.devDependencies,
+          ...props.devDependencies,
+        },
+      }}
+      options={{
+        initMode: 'user-visible',
+        initModeObserverOptions: { rootMargin: '1400px 0px' },
+        ...props.providerOptions,
+      }}
+    >
+      <CustomPreset
+        layoutOptions={props.layoutOptions}
+        editorOptions={props.editorOptions}
+        previewOptions={props.previewOptions}
+      />
+    </SandpackProvider>
   )
 }