Change URL while selecting sidebar option

[NicoMartinic]

I want after selecting and item from the sidebar to render the custom component according to the pathname. This is working just fine, but when selecting a component to render the URL doesn't update. So the url gets stuck with const router = useDemoRouter('/mydefaultvalue'). I've tryied to use navigate but still isn't working. Code below

const NAVIGATION: Navigation = [{segment: 'home', title: 'Home', icon: <HomeIcon />,},];

    <AppProvider
      navigation={NAVIGATION}
      router={router}
      theme={useDynamicTheme(theme)}
      session={session}
      authentication={authentication}
    >
      <DashboardLayout
        slots={{
          appTitle: () => <CustomAppTitle theme={theme} />,
          toolbarActions: () => (
            <Stack direction="row" spacing={1} alignItems="center">
              <ToolbarActionsSearch theme={theme} />
              <NotificationMenu />
              <SettingsMenu />
            </Stack>
          ),          
          sidebarFooter: ({ mini }) => <SidebarFooter mini={mini} theme={theme} />,
          
        }}
      >
        <DemoPageContent pathname={router.pathname} navigate={router.navigate} router={router}  />
      </DashboardLayout>
    </AppProvider>
  );
  
   
  function DemoPageContent({ pathname, navigate, router,}: { pathname: string; navigate: (path: string | URL) => void; router:Router}) {
  let content;

  switch (pathname) {
    case '/home':
      content = <Home />;
      break;
    default:
      content = <Typography>Page not found: {pathname}</Typography>;
      break;
  }
  navigate(pathname)
  router = useDemoRouter(pathname);
  return (
    <Box
      sx={{
        py: 4,
        display: 'flex',
        flexDirection: 'column',
        alignItems: 'center',
        textAlign: 'center',
      }}
    >
      {content}
      </Box>
  );
}

[Janpot]

the useDemoRouter hook is only for internal use in our docs. You'll need to configure the AppProvider with the router you are using in your environment. See the callout in https://mui.com/toolpad/core/introduction/base-concepts/#app-provider

@bharatkashyap perhaps we can make a section of of this callout about routing? That way we can also link to it for cases like this.

Also, the use of slots here is a bit problematic. They will remount on every render. please read the guide at https://mui.com/x/common-concepts/custom-components/#correct-usage