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> ```