Интеграция бибиотеки на react-router-dom v6 и createBrowserRouter

Использую кастомную библиотеку компонентов из которой импортирую компонент меню на основе навигации на роутинге

./App.tsx

const router = createBrowserRouter(
    createRoutesFromElements(
      <>
        <Route path={"/"} element={<AppLayout />}>
          <Route path={`statistic/*`} element={ 
            <div className={styles.dashboardContainer}>
              <RoutedRepresentationTabs
                tabs={tabs}
                localization={"Поиск"}
                defaultLink={"/stands/statistic"}
              />
            </div>} /> }
        ...
      <>))
   </div>

Комопнент RoutedRepresentationTabs из библиотеки.

Если оставляю голые Route - в основном приложении требует обертку в Routes

Если добавляю Routes - в основном приложении требует Router

Добавляю BrowserRouter - в основном приложении ругается на то что Router не может быть внутри Router

const RoutedRepresentationTabs: FunctionComponent<RoutedRepresentationTabsProps> = 
    ({ ... }) => (
      <div className={styles.container}>
        <Routes>
          <Route
            path={"/*"}
            element={
              <React.Fragment>
                <RepresentationTabLinks tabs={tabs} localization={localization} />
                <RepresentationTabRoutes tabs={tabs} />
              </React.Fragment>
            }
          />
       </Routes>

Не могу понять как решить проблему