Importé el componente Report.js y quiero usarlo en "menuitem", probé esto en el botón y funciona perfectamente
import Reports from 'new-components/Reports/Reports' //ontop <Button> <Reports pid={pid} /> //working </Button>pero cuando probé esto mismo en "menuitem" que no funciona
<MenuItem > <Reports pid={pid} /> //not working </MenuItem> También probé con la función onClick, aunque da el resultado deseado pero también arroja un error " Error no detectado: se esperaba que el oyente onClick fuera una función, en su lugar obtuvo un valor de tipo de object ".
Informes.js
return ( <CSVLink {...csvReport}>Export CSV</CSVLink> )Puede intentar pasar su elemento Reports a través del accesorio de component de MenuItem :
const YourComponent = () => { return <MenuItem component={<Reports pid={pid} />} />; }