refers to a value, but is being used as a type here

Storybook에서 story를 처음 작성 중이었는데 'TodayRecommendItem' refers to a value, but is being used as a type here. Did you mean 'typeof TodayRecommendItem'? 라는 에러가 떴다. 분명 컴포넌트를 import 했는데 왜 타입으로 쓴다는 걸까? 이해가 안되었는데 ....

내 파일명을 보니 TodayRecommendItem.stories.ts 였다
TodayRecommendItem.stories.tsx 로 수정하니 바로 해결되었다.

.ts 와 .tsx의 차이점

1. .ts 는 typescript만 쓰는 경우
2. .tsx 는 react component 와 같이 쓰는 경우
3. .tsx는 jsx 문법 사용 가능