Operator '<' cannot be applied to types 'boolean' and 'RegExp' 해결 방법

Next JS로 프로젝트를 진행하다가 아래와 같은 컴파일 에러가 발생하였습니다.

Operator '<' cannot be applied to types 'boolean' and 'RegExp'

[에러 원인]

아래 코드로만 보면 별다른 오류가 없다고 생각하실 수 있습니다. 이건 react도 next js와도 상관없이 typescript에서 발생한 에러입니다. 이 코드가 담긴 파일의 확장자는 .ts로 되어있는데 확장자는 .tsx가 되어야 합니다.

확장자를 .ts에서 .tsx로 바꿔주시면 컴파일 에러는 사라집니다.

AxiosError: Request failed with status code 500 해결 방법 (2)	2022.12.17
page /fetch getServerSideProps can not be attached to a page's component and must be exported from the page 해결 방법 (0)	2022.07.06
The default export is not a React Component in page: "/" 해결 방법 (0)	2022.06.26
useRoutes() may be used only in the context of a <Router> component. 해결 방법 (0)	2022.05.11
Type '{ children: Element; }' has no properties in common with type 'IntrinsicAttributes'. 해결 방법 (0)	2022.05.10