diff --git a/package.json b/package.json
index 22aed688..aaf6532f 100644
--- a/package.json
+++ b/package.json
@@ -99,7 +99,7 @@
         "react-query": "^3.34.0",
         "react-rainbow-components": "1.29.0-canary.c10cd9f",
         "react-redux": "^7.2.0",
-        "react-router-dom": "^5.0.0",
+        "react-router-dom": "^6.3.0",
         "redux": "^4.0.5",
         "redux-form": "^8.3.5",
         "redux-thunk": "^2.3.0",
diff --git a/packages/app/docs/stories/appWithRouter.story.js b/packages/app/docs/stories/appWithRouter.story.js
index 9af5e9ee..d096c9d7 100644
--- a/packages/app/docs/stories/appWithRouter.story.js
+++ b/packages/app/docs/stories/appWithRouter.story.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Switch, Route, Link } from 'react-router-dom';
+import { Route, Link, Routes } from 'react-router-dom';
 import { RainbowLogo } from '@rainbow-modules/icons';
 import app from '../../../../firebase';
 import RainbowFirebaseApp from '../../src/components/App';
@@ -50,15 +50,11 @@ export const basicRouter = () => {
                 </ul>
             </Navigation>
 
-            <Switch>
-                <Container>
-                    <Route exact path="/">
-                        Home page
-                    </Route>
-                    <Route path="/about">About page</Route>
-                    <Route path="/dashboard">Contact us</Route>
-                </Container>
-            </Switch>
+            <Routes>
+                <Route exact path="/" element={<Container>Home page</Container>} />
+                <Route path="/about" element={<Container>About page</Container>} />
+                <Route path="/dashboard" element={<Container>Contact page</Container>} />
+            </Routes>
         </RainbowFirebaseApp>
     );
 };
diff --git a/packages/app/docs/stories/sideBarNavigation.story.js b/packages/app/docs/stories/sideBarNavigation.story.js
index 4fb3184f..ba8fc8a9 100644
--- a/packages/app/docs/stories/sideBarNavigation.story.js
+++ b/packages/app/docs/stories/sideBarNavigation.story.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Switch, Route } from 'react-router-dom';
+import { Route, Routes } from 'react-router-dom';
 import {
     HomeBorder,
     HomeFilled,
@@ -76,17 +76,11 @@ export const sideBarNavigation = () => {
                         path="/billing"
                     />
                 </Bar>
-                <Switch>
-                    <Route exact path="/">
-                        <Content>Home page</Content>
-                    </Route>
-                    <Route path="/export">
-                        <Content>Export page </Content>
-                    </Route>
-                    <Route path="/billing" exact>
-                        <Content>Billing page</Content>
-                    </Route>
-                </Switch>
+                <Routes>
+                    <Route exact path="/" element={<Content>Home page</Content>} />
+                    <Route path="/export" element={<Content>Export page</Content>} />
+                    <Route path="/billing" element={<Content>Billing page</Content>} />
+                </Routes>
             </AppContainer>
         </RainbowFirebaseApp>
     );
diff --git a/packages/app/src/components/SideBarNavigation/__test__/sideBarNavigation.spec.js b/packages/app/src/components/SideBarNavigation/__test__/sideBarNavigation.spec.js
index 8ee9dd1a..d8a1f5cd 100644
--- a/packages/app/src/components/SideBarNavigation/__test__/sideBarNavigation.spec.js
+++ b/packages/app/src/components/SideBarNavigation/__test__/sideBarNavigation.spec.js
@@ -11,9 +11,9 @@ describe('<SideBarNavigation />', () => {
             <Application>
                 <MemoryRouter>
                     <SideBarNavigation>
-                        <SideBarOption />
-                        <SideBarOption />
-                        <SideBarOption />
+                        <SideBarOption path="" />
+                        <SideBarOption path="" />
+                        <SideBarOption path="" />
                     </SideBarNavigation>
                 </MemoryRouter>
             </Application>,
diff --git a/packages/app/src/components/SideBarOption/__test__/sideBarOption.spec.js b/packages/app/src/components/SideBarOption/__test__/sideBarOption.spec.js
index 4ea05d74..51706a7d 100644
--- a/packages/app/src/components/SideBarOption/__test__/sideBarOption.spec.js
+++ b/packages/app/src/components/SideBarOption/__test__/sideBarOption.spec.js
@@ -7,7 +7,7 @@ describe('<SideBarOption />', () => {
     it('should render a SidebarItem with the right props', () => {
         const component = mount(
             <MemoryRouter>
-                <SideBarOption icon="icon" name="name" label="label" />
+                <SideBarOption icon="icon" name="name" label="label" path="" />
             </MemoryRouter>,
         );
         const expectedProps = {
@@ -33,6 +33,7 @@ describe('<SideBarOption />', () => {
                     selectedIcon={<SelectedIcon />}
                     name="name"
                     label="label"
+                    path=""
                     isSelected
                 />
             </MemoryRouter>,
@@ -44,7 +45,7 @@ describe('<SideBarOption />', () => {
         const Icon = () => <span>Icon</span>;
         const component = mount(
             <MemoryRouter>
-                <SideBarOption icon={<Icon />} name="name" label="label" isSelected />
+                <SideBarOption icon={<Icon />} name="name" label="label" path="" isSelected />
             </MemoryRouter>,
         );
         expect(component.find(Icon).exists()).toBe(true);
diff --git a/packages/auth/docs/stories/authRoutes.story.js b/packages/auth/docs/stories/authRoutes.story.js
index 78d1798a..34957c67 100644
--- a/packages/auth/docs/stories/authRoutes.story.js
+++ b/packages/auth/docs/stories/authRoutes.story.js
@@ -1,5 +1,6 @@
 import React, { useState } from 'react';
 import styled from 'styled-components';
+import { Route, Routes } from 'react-router-dom';
 import { Button, Input, Card } from 'react-rainbow-components';
 import { RainbowFirebaseApp } from '@rainbow-modules/app';
 import app from '../../../../firebase';
@@ -78,13 +79,25 @@ const Login = () => {
 export const basicEmailPasswordAuthFlow = () => {
     return (
         <RainbowFirebaseApp app={app}>
-            <WhenNoAuthenticated path="/" redirect="/app">
-                <Login />
-            </WhenNoAuthenticated>
-            <WhenAuthenticated path="/app" redirect="/">
-                <span>Authenticated!</span>
-                <Button label="Log Out" onClick={() => app.auth().signOut()} />
-            </WhenAuthenticated>
+            <Routes>
+                <Route
+                    path="/"
+                    element={
+                        <WhenNoAuthenticated redirect="/app">
+                            <Login />
+                        </WhenNoAuthenticated>
+                    }
+                />
+                <Route
+                    path="/app"
+                    element={
+                        <WhenAuthenticated redirect="/">
+                            <span>Authenticated!</span>
+                            <Button label="Log Out" onClick={() => app.auth().signOut()} />
+                        </WhenAuthenticated>
+                    }
+                />
+            </Routes>
         </RainbowFirebaseApp>
     );
 };
diff --git a/packages/auth/docs/stories/emailPasswordSignInForm.story.js b/packages/auth/docs/stories/emailPasswordSignInForm.story.js
index 8664e27a..273fcc4f 100644
--- a/packages/auth/docs/stories/emailPasswordSignInForm.story.js
+++ b/packages/auth/docs/stories/emailPasswordSignInForm.story.js
@@ -2,7 +2,7 @@ import React from 'react';
 import { RainbowFirebaseApp } from '@rainbow-modules/app';
 import styled from 'styled-components';
 import { Card, Button } from 'react-rainbow-components';
-import { Redirect } from 'react-router-dom';
+import { Navigate, Route, Routes } from 'react-router-dom';
 import EmailPasswordSignInForm from '../../src/components/EmailPasswordSignInForm';
 import WhenAuthenticated from '../../src/components/WhenAuthenticated';
 import WhenNoAuthenticated from '../../src/components/WhenNoAuthenticated';
@@ -34,20 +34,32 @@ const StyledCard = styled(Card)`
 export const basicEmailPasswordSignInForm = () => {
     return (
         <RainbowFirebaseApp app={app}>
-            <Redirect from="/" to="/home" exact />
-            <WhenNoAuthenticated path="/home" redirect="/app">
-                <Container>
-                    <RainbowLogo />
-                    <Title>rainbow-modules</Title>
-                    <StyledCard>
-                        <EmailPasswordSignInForm />
-                    </StyledCard>
-                </Container>
-            </WhenNoAuthenticated>
-            <WhenAuthenticated path="/app" redirect="/home">
-                <span>Authenticated!</span>
-                <Button label="Log Out" onClick={() => app.auth().signOut()} />
-            </WhenAuthenticated>
+            <Routes>
+                <Route
+                    path="/home"
+                    element={
+                        <WhenNoAuthenticated redirect="/app">
+                            <Container>
+                                <RainbowLogo />
+                                <Title>rainbow-modules</Title>
+                                <StyledCard>
+                                    <EmailPasswordSignInForm />
+                                </StyledCard>
+                            </Container>
+                        </WhenNoAuthenticated>
+                    }
+                />
+                <Route
+                    path="/app"
+                    element={
+                        <WhenAuthenticated redirect="/home">
+                            <span>Authenticated!</span>
+                            <Button label="Log Out" onClick={() => app.auth().signOut()} />
+                        </WhenAuthenticated>
+                    }
+                />
+                <Route path="*" element={<Navigate to="/home" replace />} />
+            </Routes>
         </RainbowFirebaseApp>
     );
 };
diff --git a/packages/auth/docs/stories/emailPasswordSignUpForm.story.js b/packages/auth/docs/stories/emailPasswordSignUpForm.story.js
index b91899cb..68ad1b63 100644
--- a/packages/auth/docs/stories/emailPasswordSignUpForm.story.js
+++ b/packages/auth/docs/stories/emailPasswordSignUpForm.story.js
@@ -3,7 +3,7 @@ import styled from 'styled-components';
 import { Button, Card } from 'react-rainbow-components';
 import { RainbowFirebaseApp } from '@rainbow-modules/app';
 import { RainbowLogo } from '@rainbow-modules/icons';
-import { Redirect } from 'react-router-dom';
+import { Navigate, Route, Routes } from 'react-router-dom';
 import app from '../../../../firebase';
 import WhenAuthenticated from '../../src/components/WhenAuthenticated';
 import WhenNoAuthenticated from '../../src/components/WhenNoAuthenticated';
@@ -34,20 +34,32 @@ const StyledCard = styled(Card)`
 export const basicEmailPasswordSignUpForm = () => {
     return (
         <RainbowFirebaseApp app={app}>
-            <Redirect from="/" to="/home" exact />
-            <WhenNoAuthenticated path="/home" redirect="/app">
-                <Container>
-                    <RainbowLogo />
-                    <Title>rainbow-modules</Title>
-                    <StyledCard>
-                        <EmailPasswordSignUpForm />
-                    </StyledCard>
-                </Container>
-            </WhenNoAuthenticated>
-            <WhenAuthenticated path="/app" redirect="/home">
-                <span>Authenticated!</span>
-                <Button label="Log Out" onClick={() => app.auth().signOut()} />
-            </WhenAuthenticated>
+            <Routes>
+                <Route
+                    path="/home"
+                    element={
+                        <WhenNoAuthenticated redirect="/app">
+                            <Container>
+                                <RainbowLogo />
+                                <Title>rainbow-modules</Title>
+                                <StyledCard>
+                                    <EmailPasswordSignUpForm />
+                                </StyledCard>
+                            </Container>
+                        </WhenNoAuthenticated>
+                    }
+                />
+                <Route
+                    path="/app"
+                    element={
+                        <WhenAuthenticated redirect="/home">
+                            <span>Authenticated!</span>
+                            <Button label="Log Out" onClick={() => app.auth().signOut()} />
+                        </WhenAuthenticated>
+                    }
+                />
+                <Route path="*" element={<Navigate to="/home" replace />} />
+            </Routes>
         </RainbowFirebaseApp>
     );
 };
diff --git a/packages/auth/docs/stories/loginAnonymously.story.js b/packages/auth/docs/stories/loginAnonymously.story.js
index 0009e60e..db2b458f 100644
--- a/packages/auth/docs/stories/loginAnonymously.story.js
+++ b/packages/auth/docs/stories/loginAnonymously.story.js
@@ -1,5 +1,6 @@
 import React, { useEffect, useState } from 'react';
 import { RainbowFirebaseApp } from '@rainbow-modules/app';
+import { Route, Routes } from 'react-router-dom';
 import app from '../../../../firebase';
 import WhenAuthenticated from '../../src/components/WhenAuthenticated';
 
@@ -28,16 +29,23 @@ const UserId = () => {
 export const loginAnonymously = () => {
     return (
         <RainbowFirebaseApp app={app} initialize={initialize}>
-            <WhenAuthenticated path="/">
-                <h1>You are authenticated anonymously!</h1>
-                <UserId />
-                <p>
-                    Firebase docs here:
-                    <a href="https://firebase.google.com/docs/auth/web/anonymous-auth">
-                        https://firebase.google.com/docs/auth/web/anonymous-auth
-                    </a>
-                </p>
-            </WhenAuthenticated>
+            <Routes>
+                <Route
+                    path="/"
+                    element={
+                        <WhenAuthenticated path="/">
+                            <h1>You are authenticated anonymously!</h1>
+                            <UserId />
+                            <p>
+                                Firebase docs here:
+                                <a href="https://firebase.google.com/docs/auth/web/anonymous-auth">
+                                    https://firebase.google.com/docs/auth/web/anonymous-auth
+                                </a>
+                            </p>
+                        </WhenAuthenticated>
+                    }
+                />
+            </Routes>
         </RainbowFirebaseApp>
     );
 };
diff --git a/packages/auth/src/components/WhenAuthenticated/index.js b/packages/auth/src/components/WhenAuthenticated/index.js
index a9fd69b6..32f35df3 100644
--- a/packages/auth/src/components/WhenAuthenticated/index.js
+++ b/packages/auth/src/components/WhenAuthenticated/index.js
@@ -38,7 +38,7 @@ const WhenAuthenticatedV6 = (props) => {
     const isAuth = useAuthState();
 
     useEffect(() => {
-        if (isAuth === false) {
+        if (redirect && isAuth === false) {
             navigate(redirect);
         }
     }, [isAuth, navigate, redirect]);
diff --git a/packages/auth/src/components/WhenNoAuthenticated/index.js b/packages/auth/src/components/WhenNoAuthenticated/index.js
index 1e95d191..5a57b274 100644
--- a/packages/auth/src/components/WhenNoAuthenticated/index.js
+++ b/packages/auth/src/components/WhenNoAuthenticated/index.js
@@ -39,7 +39,7 @@ const WhenNoAuthenticatedV6 = (props) => {
     const Component = component;
 
     useEffect(() => {
-        if (isAuth === true) {
+        if (redirect && isAuth === true) {
             navigate(redirect);
         }
     }, [isAuth, navigate, redirect]);
diff --git a/packages/misc/docs/stories/LinkButton.story.js b/packages/misc/docs/stories/LinkButton.story.js
index bbd2306a..e5f42edd 100644
--- a/packages/misc/docs/stories/LinkButton.story.js
+++ b/packages/misc/docs/stories/LinkButton.story.js
@@ -1,6 +1,6 @@
 import React from 'react';
 import styled from 'styled-components';
-import { Route, Switch } from 'react-router-dom';
+import { Route, Routes, Switch } from 'react-router-dom';
 import LinkButton from '../../src/components/LinkButton';
 import RainbowFirebaseApp from '../../../app/src/components/App';
 
@@ -68,18 +68,19 @@ export const LinkButtonVariants = () => {
                 </LinkButton>
             </div>
             <div className="rainbow-p-vertical_large rainbow-align-content_center rainbow-flex_wrap">
-                <Switch>
-                    <Route path="/base">Navigated to Base</Route>
-                    <Route path="/outline-brand">Navigated to Outline Brand</Route>
-                    <Route path="/border">Navigated to Border</Route>
-                    <Route path="/neutral">
-                        <span data-cy="neutral">Navigated to Neutral</span>
-                    </Route>
-                    <Route path="/border-filled">Navigated to Border Filled</Route>
-                    <Route path="/brand">Navigated to Brand</Route>
-                    <Route path="/success">Navigated to Success</Route>
-                    <Route path="/destructive">Navigated to Destructive</Route>
-                </Switch>
+                <Routes>
+                    <Route path="/base" element={<>Navigated to Base</>} />
+                    <Route path="/outline-brand" element={<>Navigated to Outline Brand</>} />
+                    <Route path="/border" element={<>Navigated to Border</>} />
+                    <Route
+                        path="/neutral"
+                        element={<span data-cy="neutral">Navigated to Neutral</span>}
+                    />
+                    <Route path="/border-filled" element={<>Navigated to Border Filled</>} />
+                    <Route path="/brand" element={<>Navigated to Brand</>} />
+                    <Route path="/success" element={<>Navigated to Success</>} />
+                    <Route path="/destructive" element={<>Navigated to Destructive</>} />
+                </Routes>
             </div>
         </RainbowFirebaseApp>
     );
@@ -89,13 +90,13 @@ export const LinkButtonSizes = () => {
     return (
         <RainbowFirebaseApp>
             <div className="rainbow-p-vertical_large rainbow-align-content_center rainbow-flex_wrap">
-                <LinkButton variant="brand" className="rainbow-m-around_medium" size="small">
+                <LinkButton variant="brand" className="rainbow-m-around_medium" size="small" to="">
                     Button Small
                 </LinkButton>
-                <LinkButton variant="brand" className="rainbow-m-around_medium" size="medium">
+                <LinkButton variant="brand" className="rainbow-m-around_medium" size="medium" to="">
                     Button Medium
                 </LinkButton>
-                <LinkButton variant="brand" className="rainbow-m-around_medium" size="large">
+                <LinkButton variant="brand" className="rainbow-m-around_medium" size="large" to="">
                     Button Large
                 </LinkButton>
             </div>
diff --git a/packages/misc/src/components/LinkButton/__test__/linkButton.spec.js b/packages/misc/src/components/LinkButton/__test__/linkButton.spec.js
index bb29773f..6a2fe222 100644
--- a/packages/misc/src/components/LinkButton/__test__/linkButton.spec.js
+++ b/packages/misc/src/components/LinkButton/__test__/linkButton.spec.js
@@ -8,7 +8,7 @@ describe('<LinkButton />', () => {
     it('should render a Link when target is not `_blank`', () => {
         const component = mount(
             <RainbowFirebaseApp>
-                <LinkButton>Test</LinkButton>
+                <LinkButton to="">Test</LinkButton>
             </RainbowFirebaseApp>,
         );
         expect(component.find(Link).exists()).toBe(true);
@@ -17,7 +17,9 @@ describe('<LinkButton />', () => {
     it('should render a regular anchor when target is `_blank`', () => {
         const component = mount(
             <RainbowFirebaseApp>
-                <LinkButton>Test</LinkButton>
+                <LinkButton to="" target="_blank">
+                    Test
+                </LinkButton>
             </RainbowFirebaseApp>,
         );
         expect(component.find('a').exists()).toBe(true);
diff --git a/packages/record/src/components/RecordField/__test__/value.spec.js b/packages/record/src/components/RecordField/__test__/value.spec.js
index 9a2c2dc3..030f4e80 100644
--- a/packages/record/src/components/RecordField/__test__/value.spec.js
+++ b/packages/record/src/components/RecordField/__test__/value.spec.js
@@ -9,7 +9,7 @@ describe('<Value />', () => {
         const wrapper = mount(
             <BrowserRouter>
                 <Application>
-                    <Value type="url" href="/" />
+                    <Value type="url" href="/" value="/" />
                 </Application>
             </BrowserRouter>,
         );
diff --git a/yarn.lock b/yarn.lock
index dd1de87c..cfec51d7 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1325,13 +1325,6 @@
     core-js-pure "^3.0.0"
     regenerator-runtime "^0.13.4"
 
-"@babel/runtime@^7.1.2", "@babel/runtime@^7.12.13":
-  version "7.18.6"
-  resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.18.6.tgz#6a1ef59f838debd670421f8c7f2cbb8da9751580"
-  integrity sha512-t9wi7/AW6XtKahAe20Yw0/mMljKq0B1r2fPdvaAdV/KPDZewFXdaaa6K7lxmZBZ8FBNpCiAT6iHPmd6QO9bKfQ==
-  dependencies:
-    regenerator-runtime "^0.13.4"
-
 "@babel/runtime@^7.10.0", "@babel/runtime@^7.10.2", "@babel/runtime@^7.11.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.5", "@babel/runtime@^7.3.1", "@babel/runtime@^7.5.0", "@babel/runtime@^7.5.5", "@babel/runtime@^7.7.2", "@babel/runtime@^7.7.6", "@babel/runtime@^7.8.4", "@babel/runtime@^7.9.2":
   version "7.12.5"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.12.5.tgz#410e7e487441e1b360c29be715d870d9b985882e"
@@ -11389,17 +11382,12 @@ highlight.js@~10.4.0:
   resolved "https://registry.yarnpkg.com/highlight.js/-/highlight.js-10.4.1.tgz#d48fbcf4a9971c4361b3f95f302747afe19dbad0"
   integrity sha512-yR5lWvNz7c85OhVAEAeFhVCc/GV4C30Fjzc/rCP0aCWzc1UUOPUk55dK/qdwTZHBvMZo+eZ2jpk62ndX/xMFlg==
 
-history@^4.9.0:
-  version "4.10.1"
-  resolved "https://registry.yarnpkg.com/history/-/history-4.10.1.tgz#33371a65e3a83b267434e2b3f3b1b4c58aad4cf3"
-  integrity sha512-36nwAD620w12kuzPAsyINPWJqlNbij+hpK1k9XRloDtym8mxzGYl2c17LnV6IAGB2Dmg4tEa7G7DlawS0+qjew==
+history@^5.2.0:
+  version "5.3.0"
+  resolved "https://registry.yarnpkg.com/history/-/history-5.3.0.tgz#1548abaa245ba47992f063a0783db91ef201c73b"
+  integrity sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==
   dependencies:
-    "@babel/runtime" "^7.1.2"
-    loose-envify "^1.2.0"
-    resolve-pathname "^3.0.0"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
-    value-equal "^1.0.1"
+    "@babel/runtime" "^7.7.6"
 
 hmac-drbg@^1.0.0:
   version "1.0.1"
@@ -11415,7 +11403,7 @@ hoist-non-react-statics@^1.0.3:
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-1.2.0.tgz#aa448cf0986d55cc40773b17174b7dd066cb7cfb"
   integrity sha1-qkSM8JhtVcxAdzsXF0t90GbLfPs=
 
-hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.1.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
+hoist-non-react-statics@^3.0.0, hoist-non-react-statics@^3.3.0, hoist-non-react-statics@^3.3.2:
   version "3.3.2"
   resolved "https://registry.yarnpkg.com/hoist-non-react-statics/-/hoist-non-react-statics-3.3.2.tgz#ece0acaf71d62c2969c2ec59feff42a4b1a85b45"
   integrity sha512-/gGivxi8JPKWNm/W0jSmzcMPpfpPLc3dY/6GxhX2hQ9iGj3aDfklV4ET7NjKpSinLpJ5vafa9iiGIEZg10SfBw==
@@ -14256,7 +14244,7 @@ longest-streak@^2.0.0:
   resolved "https://registry.yarnpkg.com/longest-streak/-/longest-streak-2.0.4.tgz#b8599957da5b5dab64dee3fe316fa774597d90e4"
   integrity sha512-vM6rUVCVUJJt33bnmHiZEvr7wPT78ztX7rojL+LW51bHtLh6HTjx84LA5W4+oa6aKEJA7jJu5LR6vQRBpA5DVg==
 
-loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.2.0, loose-envify@^1.3.1, loose-envify@^1.4.0:
+loose-envify@^1.0.0, loose-envify@^1.1.0, loose-envify@^1.4.0:
   version "1.4.0"
   resolved "https://registry.yarnpkg.com/loose-envify/-/loose-envify-1.4.0.tgz#71ee51fa7be4caec1a63839f7e682d8132d30caf"
   integrity sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==
@@ -14882,14 +14870,6 @@ min-indent@^1.0.0:
   resolved "https://registry.yarnpkg.com/min-indent/-/min-indent-1.0.1.tgz#a63f681673b30571fbe8bc25686ae746eefa9869"
   integrity sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==
 
-mini-create-react-context@^0.4.0:
-  version "0.4.1"
-  resolved "https://registry.yarnpkg.com/mini-create-react-context/-/mini-create-react-context-0.4.1.tgz#072171561bfdc922da08a60c2197a497cc2d1d5e"
-  integrity sha512-YWCYEmd5CQeHGSAKrYvXgmzzkrvssZcuuQDDeqkT+PziKGMgE+0MCCtcKbROzocGBG1meBLl2FotlRwf4gAzbQ==
-  dependencies:
-    "@babel/runtime" "^7.12.1"
-    tiny-warning "^1.0.3"
-
 minimalistic-assert@^1.0.0, minimalistic-assert@^1.0.1:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/minimalistic-assert/-/minimalistic-assert-1.0.1.tgz#2e194de044626d4a10e7f7fbc00ce73e83e4d5c7"
@@ -16261,7 +16241,7 @@ path-to-regexp@0.1.7:
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-0.1.7.tgz#df604178005f522f15eb4490e7247a1bfaa67f8c"
   integrity sha1-32BBeABfUi8V60SQ5yR6G/qmf4w=
 
-path-to-regexp@^1.7.0, path-to-regexp@^1.8.0:
+path-to-regexp@^1.8.0:
   version "1.8.0"
   resolved "https://registry.yarnpkg.com/path-to-regexp/-/path-to-regexp-1.8.0.tgz#887b3ba9d84393e87a0a0b9f4cb756198b53548a"
   integrity sha512-n43JRhlUKUAlibEJhPeir1ncUID16QnEjNpwzNdO3Lm4ywrBpBZ5oLD0I6br9evr1Y9JTqwRtAh7JLoOzAQdVA==
@@ -17441,34 +17421,20 @@ react-refresh@^0.8.3:
   resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.8.3.tgz#721d4657672d400c5e3c75d063c4a85fb2d5d68f"
   integrity sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg==
 
-react-router-dom@^5.0.0:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-5.3.3.tgz#8779fc28e6691d07afcaf98406d3812fe6f11199"
-  integrity sha512-Ov0tGPMBgqmbu5CDmN++tv2HQ9HlWDuWIIqn4b88gjlAN5IHI+4ZUZRcpz9Hl0azFIwihbLDYw1OiHGRo7ZIng==
+react-router-dom@^6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/react-router-dom/-/react-router-dom-6.3.0.tgz#a0216da813454e521905b5fa55e0e5176123f43d"
+  integrity sha512-uaJj7LKytRxZNQV8+RbzJWnJ8K2nPsOOEuX7aQstlMZKQT0164C+X2w6bnkqU3sjtLvpd5ojrezAyfZ1+0sStw==
   dependencies:
-    "@babel/runtime" "^7.12.13"
-    history "^4.9.0"
-    loose-envify "^1.3.1"
-    prop-types "^15.6.2"
-    react-router "5.3.3"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
-
-react-router@5.3.3:
-  version "5.3.3"
-  resolved "https://registry.yarnpkg.com/react-router/-/react-router-5.3.3.tgz#8e3841f4089e728cf82a429d92cdcaa5e4a3a288"
-  integrity sha512-mzQGUvS3bM84TnbtMYR8ZjKnuPJ71IjSzR+DE6UkUqvN4czWIqEs17yLL8xkAycv4ev0AiN+IGrWu88vJs/p2w==
-  dependencies:
-    "@babel/runtime" "^7.12.13"
-    history "^4.9.0"
-    hoist-non-react-statics "^3.1.0"
-    loose-envify "^1.3.1"
-    mini-create-react-context "^0.4.0"
-    path-to-regexp "^1.7.0"
-    prop-types "^15.6.2"
-    react-is "^16.6.0"
-    tiny-invariant "^1.0.2"
-    tiny-warning "^1.0.0"
+    history "^5.2.0"
+    react-router "6.3.0"
+
+react-router@6.3.0:
+  version "6.3.0"
+  resolved "https://registry.yarnpkg.com/react-router/-/react-router-6.3.0.tgz#3970cc64b4cb4eae0c1ea5203a80334fdd175557"
+  integrity sha512-7Wh1DzVQ+tlFjkeo+ujvjSqSJmkt1+8JO+T5xklPlgrh70y7ogx75ODRW0ThWhY7S+6yEDks8TYrtQe/aoboBQ==
+  dependencies:
+    history "^5.2.0"
 
 react-shallow-renderer@^16.13.1:
   version "16.15.0"
@@ -18229,11 +18195,6 @@ resolve-from@^5.0.0:
   resolved "https://registry.yarnpkg.com/resolve-from/-/resolve-from-5.0.0.tgz#c35225843df8f776df21c57557bc087e9dfdfc69"
   integrity sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw==
 
-resolve-pathname@^3.0.0:
-  version "3.0.0"
-  resolved "https://registry.yarnpkg.com/resolve-pathname/-/resolve-pathname-3.0.0.tgz#99d02224d3cf263689becbb393bc560313025dcd"
-  integrity sha512-C7rARubxI8bXFNB/hqcp/4iUeIXJhJZvFPFPiSPRnhU5UPxzMFIl+2E6yY6c4k9giDJAhtV+enfA+G89N6Csng==
-
 resolve-protobuf-schema@^2.1.0:
   version "2.1.0"
   resolved "https://registry.yarnpkg.com/resolve-protobuf-schema/-/resolve-protobuf-schema-2.1.0.tgz#9ca9a9e69cf192bbdaf1006ec1973948aa4a3758"
@@ -20015,21 +19976,11 @@ tiny-emitter@^2.0.0:
   resolved "https://registry.yarnpkg.com/tiny-emitter/-/tiny-emitter-2.1.0.tgz#1d1a56edfc51c43e863cbb5382a72330e3555423"
   integrity sha512-NB6Dk1A9xgQPMoGqC5CVXn123gWyte215ONT5Pp5a0yt4nlEoO1ZWeCwpncaekPHXO60i47ihFnZPiRPjRMq4Q==
 
-tiny-invariant@^1.0.2:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.2.0.tgz#a1141f86b672a9148c72e978a19a73b9b94a15a9"
-  integrity sha512-1Uhn/aqw5C6RI4KejVeTg6mIS7IqxnLJ8Mv2tV5rTc0qWobay7pDUz6Wi392Cnc8ak1H0F2cjoRzb2/AW4+Fvg==
-
 tiny-invariant@^1.0.6:
   version "1.1.0"
   resolved "https://registry.yarnpkg.com/tiny-invariant/-/tiny-invariant-1.1.0.tgz#634c5f8efdc27714b7f386c35e6760991d230875"
   integrity sha512-ytxQvrb1cPc9WBEI/HSeYYoGD0kWnGEOR8RY6KomWLBVhqz0RgTwVO9dLrGz7dC+nN9llyI7OKAgRq8Vq4ZBSw==
 
-tiny-warning@^1.0.0, tiny-warning@^1.0.3:
-  version "1.0.3"
-  resolved "https://registry.yarnpkg.com/tiny-warning/-/tiny-warning-1.0.3.tgz#94a30db453df4c643d0fd566060d60a875d84754"
-  integrity sha512-lBN9zLN/oAf68o3zNXYrdCt1kP8WsiGW8Oo2ka41b2IM5JL/S1CTyX1rW0mb/zSuJun0ZUrDxx4sqvYS2FWzPA==
-
 tinycolor2@^1.4.1:
   version "1.4.2"
   resolved "https://registry.yarnpkg.com/tinycolor2/-/tinycolor2-1.4.2.tgz#3f6a4d1071ad07676d7fa472e1fac40a719d8803"
@@ -20868,11 +20819,6 @@ validate-npm-package-name@^3.0.0:
   dependencies:
     builtins "^1.0.3"
 
-value-equal@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/value-equal/-/value-equal-1.0.1.tgz#1e0b794c734c5c0cade179c437d356d931a34d6c"
-  integrity sha512-NOJ6JZCAWr0zlxZt+xqCHNTEKOsrks2HQd4MqhP1qy4z1SkbEP467eNx6TgDKXMvUOb+OENfJCZwM+16n7fRfw==
-
 vanilla-picker@^2.11.2:
   version "2.11.2"
   resolved "https://registry.yarnpkg.com/vanilla-picker/-/vanilla-picker-2.11.2.tgz#eaa24efa68c27e7ee9e0776df55d6913b855f133"