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} />} />; }