diff --git a/__mocks__/@clerk/clerk-react.tsx b/__mocks__/@clerk/clerk-react.tsx
index e0e58be4..52f00b83 100644
--- a/__mocks__/@clerk/clerk-react.tsx
+++ b/__mocks__/@clerk/clerk-react.tsx
@@ -12,6 +12,10 @@ export function RedirectToSignIn(): JSX.Element {
 	return <div>Redirecting...</div>;
 }
 
+export function RedirectToSignUp(): JSX.Element {
+	return <div>Redirecting...</div>;
+}
+
 export function SignedIn(): JSX.Element {
 	return <div>Signed In</div>;
 }
diff --git a/src/App.tsx b/src/App.tsx
index 8ae290c3..d43b6bea 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,7 +1,11 @@
 import './App.scss';
 import 'react-toastify/dist/ReactToastify.css';
 
-import { ClerkProvider } from '@clerk/clerk-react';
+import {
+	ClerkProvider,
+	RedirectToSignIn,
+	RedirectToSignUp,
+} from '@clerk/clerk-react';
 import { dark } from '@clerk/themes';
 import { Alert, Box, Container, Link, Stack } from '@mui/material';
 import { useEffect, useRef, useState } from 'react';
@@ -118,6 +122,10 @@ export function App(): JSX.Element {
 										element={<Register />}
 									/>
 
+									<Route path={'/login'} element={<RedirectToSignIn />} />
+
+									<Route path={'/register'} element={<RedirectToSignUp />} />
+
 									<Route
 										path={'/'}
 										element={