← 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() {}

使い方

設定ファイルまたは CLI でこのルールを 有効化 するには、以下のように使用できます：

Config (.oxlintrc.json)

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

CLI

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

参照

• ルールのソース