개요

Button 컴포넌트를 만들고, 사용하기 전에 StoryBook에서 미리 확인할 수 있도록 코드를 작성하고 있었습니다. 파일 이름을 Button.stories.ts로 생성하고 children에 HTML 태그를 넘겼더니, 다음과 같은 오류가 발생하였습니다.

해결법

사실 문제는 간단했습니다. 파일의 확장자가 ts로 되어 있었기 때문에 파싱 오류가 발생한 것이었습니다. 파일의 확장자를 tsx로 변경하니 간단하게 해결할 수 있었습니다.

Ref

• https://stackoverflow.com/questions/76373710/react-reactnode-as-argument-in-storybook