feat: use the new VisualEditing component

sanity-io · Feb 7, 2024 · 4b661fc · 4b661fc
1 parent 6837b01
commit 4b661fc
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 67 deletions.
diff --git a/components/VisualEditing.tsx b/components/VisualEditing.tsx
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -18,9 +18,9 @@
     "@portabletext/react": "3.0.11",
     "@sanity/client": "6.12.3",
     "@sanity/image-url": "1.0.2",
-    "@sanity/overlays": "2.3.11",
     "@sanity/preview-url-secret": "1.6.1",
     "@sanity/vision": "3.27.1",
+    "@sanity/visual-editing": "1.1.0",
     "@vercel/og": "0.6.2",
     "classnames": "2.5.1",
     "date-fns": "2.30.0",

diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -1,5 +1,6 @@
 import 'tailwindcss/tailwind.css'
 
+import { VisualEditing } from '@sanity/visual-editing/next-pages-router'
 import { AppProps } from 'next/app'
 import { lazy, Suspense } from 'react'
 
@@ -9,7 +10,6 @@ export interface SharedPageProps {
 }
 
 const PreviewProvider = lazy(() => import('components/PreviewProvider'))
-const VisualEditing = lazy(() => import('components/VisualEditing'))
 
 export default function App({
   Component,
@@ -25,11 +25,7 @@ export default function App({
       ) : (
         <Component {...pageProps} />
       )}
-      {draftMode && (
-        <Suspense>
-          <VisualEditing />
-        </Suspense>
-      )}
+      {draftMode && <VisualEditing />}
     </>
   )
 }