Rules

prefer-namespace-import

Enforces importing React DOM via a namespace import.

Full Name in eslint-plugin-react-dom

react-dom/prefer-namespace-import

@eslint-react/dom-prefer-namespace-import

Features

🔧

Presets

Rule Details

Namespace imports (import * as ReactDOM from 'react-dom') make it clearer which APIs are being used from the React DOM package.

import ReactDOM from "react-dom/client";

import type ReactDOM from "react-dom/client";

import * as ReactDOM from "react-dom/client";
import type * as ReactDOM from "react-dom/client";

no-void-elements-with-children

Disallows 'children' in void DOM elements.

no-leaked-event-listener

Enforces that every 'addEventListener' in a component or custom hook has a corresponding 'removeEventListener'.