Estoy usando React.cloneElement en un componente que se compone de otros divs.

Botón.jsx

render() { return <button tabIndex="0" /> }

Este botón luego se envía como elementos secundarios a AnotherClass. Allí quiero eliminar el tabIndex, así que estoy haciendo esto:

OtraClase.jsx

 render() { const children = React.cloneElement(this.props.children, { tabIndex: null }); return <div tabIndex="0">{children}</div>;);

Sin embargo, esto no funciona, los elementos secundarios aún se procesan con tabIndex. ¿Hay algo mal con lo que estoy haciendo?