[React, NextJs, Storybook] NextJs Storybook next/image 오류

오류 내용
Failed to parse src "static/media/public/${ImageName}.png" on 'next/image',
if using relative image it must start with a leading slash "/" or be an absolute URL (http:// or https://)

????

최강 디자이너 피카소님 짱 ^^
프론트를 열심히 해보자 ^^

예에~ 오류 발생 ^^
디자인 시스템을 구축하기 위해, 고민을 하다가 StoryBook을 선택했는데,
NextJs의 Provider에서 자동적으로 제공하는 모듈 중에 image를 임포트해올 수 없는 문제가 있었다 ^^

여러 블로그들에 글이 있지만, 당연하게도 난 이해할 수가 없었다 ^^
다행히 깃헙 이슈에 존재했다 ^^
아름다운 개발 세상^^ 고마워요 ^^

1
yarn add storybook-addon-next
깔아준다 ^^


2
.storybook/main.js의 addons에 "storybook-addon-next"
추가해준다 ^^

  "addons": ["@storybook/addon-links", "@storybook/addon-essentials", "@storybook/addon-interactions", "@chakra-ui/storybook-addon", "storybook-addon-styled-component-theme"
    , ..... "storybook-addon-next"
  ],

스토리북^^

아주 잘된다 ^^