no-children-to-array
Full Name in eslint-plugin-react-x
react-x/no-children-to-arrayFull Name in @eslint-react/eslint-plugin
@eslint-react/no-children-to-arrayFeatures
🔍
Presets
corerecommendedrecommended-typescriptrecommended-type-checked
What it does
Prevents the use of Children.toArray from the react package.
Why is this bad?
Using Children.toArray is uncommon and can lead to fragile code. See common alternatives.
Examples
Failing
import React, { Children } from "react";
interface ExampleProps {
children: React.ReactNode;
}
function Example({ children }: ExampleProps) {
const result = Children.toArray(children);
result.reverse();
// ...
}