Apps re-renders in every change in option from Sidebar

[NicoMartinic]

Everytime i select an option from the sidebar to then render a custom component, the hole app re-renders and then redirects to the component in question. This only happens with the children declared in the sidebar, in login or register this doesn't happend.

app.tsx

const NAVIGATION: Navigation = [
    {
      segment: 'home',
      title: 'Home',
      icon: <HomeIcon />,
    },
    {
      segment: 'customization',
      title: 'Customization',
      icon: <ColorLensIcon />,
    },
];
  return (
        <AppProvider
            navigation={Navigation} 
        >
            <Outlet/>
        </AppProvider>
  );

Index.tsx

const router = createBrowserRouter([
  {
    element: <App />,
    children: [
      {
        path: '/',
        element: <DashboardLayoutSlots />,
        children: [
          {
            path: '/',
            element: <Home />,
          },
          {
            path: '/home',
            element: <Home />,
          },
          {
            path: '/customization',
            element: <Customization />,
          },
        ],
      },
      {
        path: '/login',
        element: <LoginForm />,
      },
      {
        path: '/register',
        element: <Register />,
      },
    ],
  },
]);

const root = ReactDOM.createRoot(
  document.getElementById('root') as HTMLElement
);
root.render(
  <React.StrictMode>
      <RouterProvider router={router} />
  </React.StrictMode>
);

Home.tsx

import React from 'react';

const Home: React.FC = () => {

    return (
        <div>
            <h1>Welcome to the Home Page</h1>
            <p>This is the main content of the home page.</p>
            <p>Feel free to explore the features of our application.</p>
        </div>
    );
};

export default Home;

dashboardLayout.tsx

import { DashboardLayout, } from "@toolpad/core/DashboardLayout";
import { Outlet } from 'react-router-dom';

export default function DashboardLayoutSlots() {
  return (
      <DashboardLayout
      >
        <Outlet/>
      </DashboardLayout>
  );
}

[bharatkashyap]

I'm trying to recreate the issue in the Vite example CodeSandbox here: https://codesandbox.io/p/devbox/polished-currying-g35x6t

I can't see it, can you help try and create a minimal reproduction?