no-clone-element
Rule category
Restriction.
What it does
Prevents the use of React.cloneElement.
Why is this bad?
Using cloneElement is uncommon and can lead to fragile code. This also makes it harder to trace the data flow. Try the alternatives instead.
Examples
Failing
import { cloneElement } from "react";
const clonedElement = cloneElement(
<Row title="Cabbage">Hello</Row>,
{ isHighlighted: true },
"Goodbye"
);
console.log(clonedElement); // <Row title="Cabbage" isHighlighted={true}>Goodbye</Row>