'Hoe to load different pages in area of Dashboard in React.js using MUI?

I have created a React app and just put the component as they said in the link https://mui.com/material-ui/getting-started/templates/.

From this link, I got a beautiful redeemed UI of Dashboard. Now I want to add my custom menu in the sidebar but I'm not getting that, how could I manage it.

Question is: When I click from side menu, How could I either load my content in middle area of page? or How could I negigate user to that page?

<ListItemButton>
      <ListItemIcon>
        <FilterListIcon />
      </ListItemIcon>
      <ListItemText primary="Category" />
</ListItemButton>

reactjs material-ui

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source

'Hoe to load different pages in area of Dashboard in React.js using MUI?

Sources

Related Questions