← Back to rules

nextjs/no-typos 정확성

An auto-fix is available for this rule.

작동 방식

Next.js 데이터 가져오기 함수 이름에서 흔한 오타를 감지합니다.

왜 문제가 될까?

잘못된 이름의 데이터 가져오기 함수는 Next.js에서 호출되지 않아, 예상되는 데이터 없이 페이지가 렌더링됩니다.

예시

이 규칙에 해당하는 잘못된 코드 예시:

export default function Page() {
  return <div></div>;
}
export async function getServurSideProps() {}

이 규칙에 해당하는 올바른 코드 예시:

export default function Page() {
  return <div></div>;
}
export async function getServerSideProps() {}

사용 방법

이 규칙을 구성 파일이나 명령줄 인터페이스에서 활성화하려면 다음을 사용할 수 있습니다:

구성 파일 (.oxlintrc.json)

{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-typos": "error"
  }
}

CLI

oxlint --deny nextjs/no-typos --nextjs-plugin

참고자료

• 규칙 소스