[Next.js] create-next-app : Cannot find module 'next/babel'

오백년동안 미루던 포트폴리오 프로젝트 만들기를 큰맘먹고 시작하려고 Next 프로젝트를 만들었습니다!
Next 프로젝트 시작하기

npx create-next-app@latest

프로젝트를 생성하고 나면 실행은 잘 되지만 import 라인에서 Parsing error: Cannot find module 'next/babel' 에러가 발생합니다. ESLint에서 next/babel을 읽어오지 못하는 에러인데요, eslintrc.json파일만 살짝 수정해서 ESLint 설정을 바꿔주면 해결할 수 있습니다.

//next/babel 추가
{
  "extends": ["next/babel", "next/core-web-vitals"]
}

또는 Next 공식 docs에서 제안하는 방식인 .babelrc / babel.config.js 파일을 루트 디렉토리에 직접 추가해서 source of truth을 직접 생성할 수 있습니다.

{
  "presets": ["next/babel"],
  "plugins": []
}

참고링크
Stackoverflow Next docs