Mock Next.js <Image/> in storybook

vercel/next.js#18393 (comment)
Kamigami55 · Oct 13, 2021 · 9ff9eeb · 9ff9eeb
1 parent 60ca660
commit 9ff9eeb
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -12,3 +12,12 @@ export const parameters = {
     default: 'light',
   },
 }
+
+// Mock Next.js <Image/> component in storybook
+// https://github.com/vercel/next.js/issues/18393#issuecomment-783269086
+import * as NextImage from 'next/image'
+const OriginalNextImage = NextImage.default
+Object.defineProperty(NextImage, 'default', {
+  configurable: true,
+  value: (props) => <OriginalNextImage {...props} unoptimized />,
+})