Storybook createPortal 관련 에러 (Error: Target container is not a DOM element.)

Storybook에서 모달을 만들던 중!
Error: Target container is not a DOM element.라는 에러가 났다!

느낌 상 createPortal에서 사용되는 id="modal"이 없어서 나타나는 게 아닐까 싶었고

해당 키워드로 검색하니 바로 나왔다 ㅎㅎ

 

.storybook/preview-body.html 파일 생성 후 아래 소스를 추가해 준다.

<div id="modal"></div>

 

 

npm run storybook으로 재실행!!

굳!

 

 

참고 자료 - https://stackoverflow.com/questions/70768370/how-to-preview-component-with-react-portal-using-storybook-js