Adding hack for loading next/image into sanity-next

BKWLD · Sep 9, 2024 · 4efe097 · 4efe097
1 parent 991a97e
commit 4efe097
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/next/src/NextVisual.tsx b/packages/next/src/NextVisual.tsx
@@ -1,4 +1,8 @@
-import Image from 'next/image'
+// `next/image` as importing as { default: Image, __esmodule: true } when
+// this file was loaded by @react-visual/sanity-next. This is my hack to fix
+import _Image from "next/image";
+const Image = ("default" in _Image ? _Image.default : _Image) as typeof _Image;
+
 import type { ReactElement } from 'react'
 
 import { makeImagePlaceholder } from './lib/placeholder'