I imported Report.js component and want to use it in "menuitem", I tried this in button and its working perfectly
import Reports from 'new-components/Reports/Reports' //ontop
<Button>
<Reports pid={pid} /> //working
</Button>
but when i tried this same in "menuitem" than its not working
<MenuItem >
<Reports pid={pid} /> //not working
</MenuItem>
i also tried with onClick function, although it gives the desired result but also throws a error " Uncaught Error: Expected onClick listener to be a function, instead got a value of object type."
Reports.js
return (
<CSVLink {...csvReport}>Export CSV</CSVLink>
)You could try to pass your Reports element via the component prop of MenuItem:
const YourComponent = () => {
return <MenuItem component={<Reports pid={pid} />} />;
}