[nextjs/eslint] next/babel parsing error 해결하기

문제

Parsing error: Your application tried to access next, but it isn't declared in your dependencies; this makes the require call ambiguous and unsound.

next.config,js, jest.config.js, jest.setup.js 파일에서 위와 같은 에러가 발생 하였다.

다음 링크를 통해 eslint가 원인임을 알 수 있었다.

https://stackoverflow.com/questions/74446466/need-help-setting-up-eslint-in-a-monorepo-using-yarn-3-and-typescript

해결방법

해결 방법은 간단하다. next/babel과 관련된 설정이 eslint에 누락이 된것임으로 preset에 next/babel을 추가 시켜주면 된다.

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