logoESLint React
Rules

no-children-to-array

Full Name in eslint-plugin-react-x

react-x/no-children-to-array

Full Name in @eslint-react/eslint-plugin

@eslint-react/no-children-to-array

Features

🔍

Presets

  • core
  • recommended
  • recommended-typescript
  • recommended-type-checked

What it does

Prevents the use of Children.toArray from the react package.

Using Children.toArray 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) {
  const result = Children.toArray(children);
  result.reverse();
  // ...
}

Implementation

Further Reading

Previous

no-children-prop

Next

no-class-component

On this page