diff --git a/apps/web/app/samples/[id]/clone/page.tsx b/apps/web/app/samples/[id]/clone/page.tsx
index afe0063..3875f9a 100644
--- a/apps/web/app/samples/[id]/clone/page.tsx
+++ b/apps/web/app/samples/[id]/clone/page.tsx
@@ -1,11 +1,18 @@
 'use server'
 
-import { AntdInferencer } from '@repo/ui/refine/antd'
+import dynamic from 'next/dynamic'
 import React from 'react'
 
 import { Layout } from 'web/components/Layout'
 
-export default async function ClonePage(): Promise<React.JSX.Element> {
+const AntdInferencer = dynamic(
+  () => import('@repo/ui/refine/antd').then((i) => i.AntdInferencer),
+  {
+    ssr: false,
+  },
+)
+
+export default async function ClonePage() {
   return (
     <Layout>
       <AntdInferencer />
diff --git a/apps/web/app/samples/[id]/edit/page.tsx b/apps/web/app/samples/[id]/edit/page.tsx
index 144ae7b..3ab9dbb 100644
--- a/apps/web/app/samples/[id]/edit/page.tsx
+++ b/apps/web/app/samples/[id]/edit/page.tsx
@@ -1,11 +1,18 @@
 'use server'
 
-import { AntdInferencer } from '@repo/ui/refine/antd'
+import dynamic from 'next/dynamic'
 import React from 'react'
 
 import { Layout } from 'web/components/Layout'
 
-export default async function EditPage(): Promise<React.JSX.Element> {
+const AntdInferencer = dynamic(
+  () => import('@repo/ui/refine/antd').then((i) => i.AntdInferencer),
+  {
+    ssr: false,
+  },
+)
+
+export default async function EditPage() {
   return (
     <Layout>
       <AntdInferencer />
diff --git a/apps/web/app/samples/[id]/page.tsx b/apps/web/app/samples/[id]/page.tsx
index 851967a..5a2d07f 100644
--- a/apps/web/app/samples/[id]/page.tsx
+++ b/apps/web/app/samples/[id]/page.tsx
@@ -1,11 +1,18 @@
 'use server'
 
-import { AntdInferencer } from '@repo/ui/refine/antd'
+import dynamic from 'next/dynamic'
 import React from 'react'
 
 import { Layout } from 'web/components/Layout'
 
-export default async function ShowPage(): Promise<React.JSX.Element> {
+const AntdInferencer = dynamic(
+  () => import('@repo/ui/refine/antd').then((i) => i.AntdInferencer),
+  {
+    ssr: false,
+  },
+)
+
+export default async function ShowPage() {
   return (
     <Layout>
       <AntdInferencer />
diff --git a/apps/web/app/samples/create/page.tsx b/apps/web/app/samples/create/page.tsx
index 91e31c2..fe7dafd 100644
--- a/apps/web/app/samples/create/page.tsx
+++ b/apps/web/app/samples/create/page.tsx
@@ -1,11 +1,18 @@
 'use server'
 
-import { AntdInferencer } from '@repo/ui/refine/antd'
+import dynamic from 'next/dynamic'
 import React from 'react'
 
 import { Layout } from 'web/components/Layout'
 
-export default async function CreatePage(): Promise<React.JSX.Element> {
+const AntdInferencer = dynamic(
+  () => import('@repo/ui/refine/antd').then((i) => i.AntdInferencer),
+  {
+    ssr: false,
+  },
+)
+
+export default async function CreatePage() {
   return (
     <Layout>
       <AntdInferencer />
diff --git a/apps/web/app/samples/page.tsx b/apps/web/app/samples/page.tsx
index d758791..cfddf20 100644
--- a/apps/web/app/samples/page.tsx
+++ b/apps/web/app/samples/page.tsx
@@ -1,11 +1,18 @@
 'use server'
 
-import { AntdInferencer } from '@repo/ui/refine/antd'
+import dynamic from 'next/dynamic'
 import React from 'react'
 
 import { Layout } from 'web/components/Layout'
 
-export default async function ListPage(): Promise<React.JSX.Element> {
+const AntdInferencer = dynamic(
+  () => import('@repo/ui/refine/antd').then((i) => i.AntdInferencer),
+  {
+    ssr: false,
+  },
+)
+
+export default async function ListPage() {
   return (
     <Layout>
       <AntdInferencer />