fix: storybook 에러 디버깅

.storybook/config/nextImage.js

@@ -0,0 +1,9 @@
+import * as NextImage from 'next/image'
+
+const OriginalNextImage = NextImage.default
+Object.defineProperty(NextImage, 'default', {
+  configurable: true,
+  value: props => <OriginalNextImage {...props} unoptimized />
+})
+
+export default OriginalNextImage

.storybook/main.js

@@ -18,6 +18,8 @@ module.exports = {
         extensions: config.resolve.extensions
       })
     ]
+    config.resolve.alias["next/image"] = require.resolve("./config/nextImage.js");
+
     return config
   }
 }

.storybook/preview.js

@@ -1,7 +1,6 @@
 import { theme } from '@themes'
 import { ThemeProvider } from '@emotion/react'
 import { GlobalStyle } from '../src/styles'
-import * as NextImage from 'next/image'
 
 export const parameters = {
   actions: { argTypesRegex: '^on[A-Z].*' },
@@ -22,8 +21,5 @@ export const decorators = [
   )
 ]
 
-const OriginalNextImage = NextImage.default
-Object.defineProperty(NextImage, 'default', {
-  configurable: true,
-  value: props => <OriginalNextImage {...props} unoptimized />
-})
+
+

.vscode/settings.json

@@ -12,5 +12,8 @@
     "source.fixAll.eslint": true,
     "source.fixAll.stylelint": true
   },
-  "cSpell.words": ["stylelint"]
+  "cSpell.words": [
+    "stylelint",
+    "unoptimized"
+  ]
 }