fix(website): resolve some loading issues

cschroeter · Nov 4, 2024 · 2550e48 · 2550e48
1 parent ffd92c3
commit 2550e48
Show file tree

Hide file tree

Showing 7 changed files with 11 additions and 5 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/components/react/src/demos/select.demo.tsx b/components/react/src/demos/select.demo.tsx
@@ -1,3 +1,4 @@
+'use client'
 import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react'
 import { Select, createListCollection } from '~/components/ui/select'
 

diff --git a/components/react/src/plus b/components/react/src/plus
diff --git a/website/package.json b/website/package.json
@@ -36,7 +36,7 @@
     "globby": "14.0.2",
     "lucide-react": "0.454.0",
     "next": "15.0.2",
-    "next-auth": "5.0.0-beta.19",
+    "next-auth": "5.0.0-beta.25",
     "next-themes": "0.3.0",
     "pandacss-preset-typography": "0.1.6",
     "prisma": "5.21.1",

diff --git a/website/src/components/docs/component-preview.tsx b/website/src/components/docs/component-preview.tsx
@@ -95,4 +95,4 @@ export const ComponentPreview = ({ controls }: Props) => {
 }
 
 const getComponent = (component: string) =>
-  dynamic(() => import(`~/demos/${component}.demo`).then((mod) => mod.Demo))
+  dynamic(() => import(`~/demos/${component}.demo`).then((mod) => mod.Demo), { ssr: false })
diff --git a/website/src/components/examples/block-playground.tsx b/website/src/components/examples/block-playground.tsx
@@ -30,8 +30,12 @@ export const BlockPlayground = async (props: Props) => {
 
   const Block = dynamic(() =>
     import(`~/components/blocks/${block.id}/${variant.id}/example`)
-      .then((mod) => mod.Example)
-      .catch(() => NotFound),
+      .then((mod) => ({
+        default: mod.Example,
+      }))
+      .catch(() => ({
+        default: NotFound,
+      })),
   )
 
   const hasAccessToSourceCode = variant.accessLevel === 'free' || (await hasUserPermission())

diff --git a/website/src/demos/select.demo.tsx b/website/src/demos/select.demo.tsx
@@ -1,3 +1,4 @@
+'use client'
 import { CheckIcon, ChevronsUpDownIcon } from 'lucide-react'
 import { Select, createListCollection } from '~/components/ui/select'