🚨 Component cannot be used as a JSX component. Its return type is not a valid JSX element

🚨 에러 발생

프로젝트 진행 중 Layout 컴포넌트에서 에러가 발생했다.

❔ 에러 원인

해당 컴포넌트를 함수형으로 작성했는데 return 문이 없었다.

🔨 에러 해결

// Page.tsx
...
export default function Page({ children }: Props) {
  return <Container>{children}</Container>
}
...

출처

• stack overflow