Skip to content

ESLint rule for enforcing "use client" in React client components

License

Notifications You must be signed in to change notification settings

roginfarrer/eslint-plugin-react-server-components

Repository files navigation

eslint-plugin-react-server-components

Experiment in making an ESLint rule for enforcing "use client" in client components (and warning if it's not needed).

Installation

npm install --save-dev eslint-plugin-react-server-components

Configuration

To use the recommended configuration:

// eslintrc.json
{
  extends: ["plugin:react-server-components/recommended"],
}

Rules

use-client

Enforce components are appropriately prefixed with 'use client'.

{
  "rules": {
    "react-server-components/use-client": "error"
  }
}