fix: add fix for Storbyook usage with Next 13

vercel/next.js#36417 (comment)
open-sauced · Jan 17, 2023 · b5eea97 · b5eea97
1 parent f6e30e1
commit b5eea97
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/.storybook/preview.js b/.storybook/preview.js
@@ -1,4 +1,16 @@
 import '../styles/globals.css';
+import * as NextImage from "next/legacy/image";
+
+const OriginalNextImage = NextImage.default;
+
+Object.defineProperty(NextImage, "default", {
+  configurable: true,
+  value: (props) => typeof props.src === 'string' ? (
+    <OriginalNextImage {...props} unoptimized blurDataURL={props.src} />
+  ) : (
+    <OriginalNextImage {...props} unoptimized />
+  ),
+});
 
 export const parameters = {
   actions: { argTypesRegex: "^on[A-Z].*" },