No routes matched location

[vladhelios]

After migrating to react-router v6 i started getting warnings ' No routes matched location "/{any route}" '

Application.tsx

    <BrowserRouter>
      <AuthContainer>
        <MainPage />
      </AuthContainer>
    </BrowserRouter>

AuthContainer.tsx

          <>
              <Routes>
                <Route path={`/${AUTH_PATH}/login`} element={<SignIn />} />
                <Route path={`/${AUTH_PATH}/forgot-password`} element={<ResetPassword  />} />
                <Route path={`/${AUTH_PATH}/password-reset`} element={<SetPassword />} />
              </Routes>
  
               <>{children}</>
          </>

MainPage.tsx

         <Page >
            <AppRoutes user={user} bank={bankId} />
          </Page>

AppRoutes.tsx:

        <Routes>
                <Route path={`${COMPANIES_PATH}/*`} element={<CompaniesPage />} />
                 {other routes}
        </Routes>

CompaniesContainer.tsx:

      <Routes>
        <Route index element={<CompaniesList />} />
        <Route path="/create" element={<ManageCompany />} />
        <Route path="/edit/:id" element={<ManageCompany />} />
        <Route path="/:id" element={<CompanyDetails />} />
      </Routes>

this warning does not crash the application but pages rerender every second, and some custom hook doesn't work

[HAFDIAHMED]

i didnt usertand this is code that cuz the issues or this is the solution of the isseue ?