no-children-map
Full Name in eslint-plugin-react-x
react-x/no-children-mapFull Name in @eslint-react/eslint-plugin
@eslint-react/no-children-mapFeatures
🔍
Presets
corerecommendedrecommended-typescriptrecommended-type-checked
What it does
Prevents the use of Children.map from the react package.
Using Children is uncommon and can lead to fragile code. See common alternatives.
Examples
Failing
import React, { Children } from "react";
interface MyComponentProps {
children: React.ReactNode;
}
function MyComponent({ children }: MyComponentProps) {
return (
<div className="RowList">
{Children.map(children, (child) => <div className="Row">{child}</div>)}
</div>
);
}