← Back to rules

nextjs/no-document-import-in-page 正しさ

何をするのか

pages/_document.js 以外の場所で next/document をインポートすることを防止します。

なぜ問題なのか

pages/_document.js 以外の場所で next/document をインポートすると、Next.js アプリケーション内で予期しない問題が発生する可能性があります。

例

このルールに対する不正なコードの例：

// `components/MyDocument.jsx`
import Document from "next/document";

class MyDocument extends Document {
  //...
}

export default MyDocument;

このルールに対する正しいコードの例：

// `pages/_document.jsx`
import Document from "next/document";

class MyDocument extends Document {
  //...
}

export default MyDocument;

使い方

このルールを設定ファイルまたは CLI で有効化するには、次のようにします：

Config (.oxlintrc.json)

{
  "plugins": ["nextjs"],
  "rules": {
    "nextjs/no-document-import-in-page": "error"
  }
}

CLI

oxlint --deny nextjs/no-document-import-in-page --nextjs-plugin

参照

• ルールのソース