오류메시지

JSX 구성 요소로 사용할 수 없습니다.해당 반환 형식 'ReactNode 은(는) 유효한 JSX 요소가 아닙니다. 'undefined' 형식은 'Element | null' 형식에 할당할 수 없습니다. ts(2786)

개발환경

• react vite typescript
• "@emotion/react": "^11.11.0",
• "@emotion/styled": "^11.11.0",
• "@types/react": "^18.0.37",
• "@types/react-dom": "^18.0.11",

해결

진짜 아무것도 안건드리고 노트북 켰는데 발생한 에러였다.
솔직고백하자면 어제 시험이라 vsc켰다가 코드 눈으로 보고 그냥 끄고 잤었다... 진짜 건드린게 없는데 왜 에러가 뜨는거지 했다;;

우선 해결은 emotion과 @types/react를 최신 버전으로 업데이트해서 해결했다.
나는yarn을 쓰기에 아래와 같이 CLI를 입력했다.

yarn add @emotion/styled@latest @emotion/react@latest @types/react@latest @types/react-dom@latest --dev

내 생각에는 오늘 에디터 킬 때 버전 릴리즈 뜬거보니까 VSC랑 충돌이 있었지 싶다.