Does it work with react-router-dom v6+?

[rvision]

I'm struggling to make it work with react-router, what should XyzTransition wrap?
thanks

<BrowserRouter>
  <XyzTransition appear xyz="fade in-left-100% out-right-100%" mode="out-in">
    <div>
      <Routes>
        <Route path="/" element={<IndexPage />}>
          <Route path="settings" element={<SettingsPanel />} />
          <Route path="users" element={<UsersModal />} />
        </Route>
        <Route path="*" element={<NotFoundPage />} />
      </Routes>
    </div>
  </XyzTransition>
</BrowserRouter>