State Error

[coderchef26]

Hi There.. Noob here.. I am getting an error that I can resolve..

am using createBrowserRouter to build my routes but getting error:

index.js:387 Uncaught TypeError: Cannot read properties of undefined (reading 'state')
at RouterProvider (index.js:387:1)
at renderWithHooks (react-dom.development.js:14128:1)
at mountIndeterminateComponent (react-dom.development.js:17417:1)
at beginWork (react-dom.development.js:18713:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:3724:1)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3768:1)
at invokeGuardedCallback (react-dom.development.js:3825:1)
at beginWork$1 (react-dom.development.js:23694:1)
at performUnitOfWork (react-dom.development.js:22942:1)
at workLoopSync (react-dom.development.js:22865:1)

My router..

const routes = [
    {
        path: '/menu',
        element: <Menu />,
        isPrivate: true,
        hideTabs: true
    },
    {
        path: '/manage-orders',
        element: <ManageOrders />,
        isPrivate: true,
        hideTabs: true
    },
    {
        path: '/inventory',
        element: <Inventory />,
        isPrivate: true,
        hideTabs: true,
        isInventorySection: true
    }]

const router = createBrowserRouter(
    createRoutesFromElements(
        <Route path="/" element={<OrderNavigation />}>
            {routes.map((route) => (
                <Route
                    key={route.path}
                    path={route.path}
                    element={
                        <AppRoutes
                            component={route.element}
                            isPrivate={route.isPrivate}
                            hideTabs={route.hideTabs}
                            isCustomerDetailsOnly={route.isCustomerDetailsOnly}
                            isInventorySection={route.isInventorySection}
                        />
                    }
                />
            ))}
        </Route>
    )
);