Next.js에서 stories 폴더 외 stories.tsx를 읽을 수 없는 현상

에러 현상

해결

// create-react-app의 기본 .storybook/main.js
module.exports = {
  "stories": [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
	...
}
// create-next-app의 기본 .storybook/main.js
module.exports = {
  "stories": [
    "../stories/**/*.stories.mdx",
    "../stories/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  ...
}

// 수정 결과
module.exports = {
  stories: ["../components/**/*.stories.@(js|jsx|ts|tsx)"],
	...
};