특정 줄에서 no-unused-vars 오류 해결 방법

타입스크립트를 사용하는 Next.js 프로젝트에서 특정 라이브러리를 사용할 때 한 가지 오류가 발생했습니다.

아래와 같이 props에서 변수를 할당하려고 했습니다.

const { children, className, node ...rest } = props;

그런데 ref를 할당하지 않으면 오류가 발생했습니다. 정확한 이유는 알 수 없었지만, ref를 포함하니 오류가 사라졌습니다.

그러나 빌드 시점에서 ref와 node가 실제로 사용되지 않기 때문에 ESLint의 no-unused-vars 규칙에 걸려 빌드가 실패했습니다.

 

이 문제를 해결하기 위해, // eslint-disable-next-line @typescript-eslint/no-unused-vars 주석을 추가하여 특정 줄에서만 no-unused-vars 규칙을 무시하도록 했습니다.

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const { ref, children, className, node, ...rest } = props;