에러

ESLint error: 'next-auth' should be listed in the project's dependencies.

typescript를 사용하는 환경에서 next-auth 라이브러리의 내장 메서드를 import하려고 할 때, 아래와 같은 에러를 마주한 경험이 있습니다. 저와 같은 상황에서 라이브러리가 올바르게 설치되어 있고, 경로에 문제가 없더라도 여전히 에러가 발생한다면, 이를 해결할 수 있는 두 가지 방법을 소개합니다.

1번 방법. eslint rule 끄기

"import/no-extraneous-dependencies": "off"

2번 방법. eslint 껐다 켜기

Ctrl + Shift + K (Windows 및 Linux) 또는 Command + Shift + K (Mac)
vs code 의 command palette를 열어
> ESLint: Restart ESLint Server and hit enter.
검색창에 검색하여 클릭하여 재실행한다.

😀

다행히 2번 방법으로 껐다 켜니 잘 동작합니다!
eslint 규칙을 계속 끄면서 고치는 것보다 2번 방법이 더 좋은 것 같습니다.

출처

stackoverflow