React router dom

export const router = [
{
index: true,
element: <Home />,
icon: null,
},
{
path: '/configure',
element: <Configurator />,
icon: null,
children: [
{
path: ':meshName',
element: <MeshConfigurator />,
}
]
},
{
path: '/cart',
element: <Card />,
icon: "bag",
},
{
path: '*',
element: <NotFoundPage />,
icon: null,
}
]

Have been having troubles to add tags floating around a 3D model, when clicking the user should navigate towards /configure/{nameMesh}, the tags won't appear due to this error

react-router-dom.js?v=51891cf4:9648 Uncaught TypeError: Cannot destructure property 'basename' of 'React10.useContext(...)' as it is null. at LinkWithRef (react-router-dom.js?v=51891cf4:9648:11) at Object.react_stack_bottom_frame (chunk-XYGCQEHB.js?v=51891cf4:18509:20) at renderWithHooks (chunk-XYGCQEHB.js?v=51891cf4:5654:24) at updateForwardRef (chunk-XYGCQEHB.js?v=51891cf4:7198:21) at beginWork (chunk-XYGCQEHB.js?v=51891cf4:8735:20) at runWithFiberInDEV (chunk-XYGCQEHB.js?v=51891cf4:997:72) at performUnitOfWork (chunk-XYGCQEHB.js?v=51891cf4:12561:98) at workLoopSync (chunk-XYGCQEHB.js?v=51891cf4:12424:43) at renderRootSync (chunk-XYGCQEHB.js?v=51891cf4:12408:13) at performWorkOnRoot (chunk-XYGCQEHB.js?v=51891cf4:11827:37) <Link> ConfigurateOptions @ ConfigurateOptions.t…?t=1763286725345:23
image.png
Was this page helpful?