diff --git a/src/TonalityApp.tsx b/src/TonalityApp.tsx
index 16bda2f721bf828d8e870e153b9de4d4209031cc..9217f87eb9e6fd736fb537e97645b6fb420ffebd 100644
--- a/src/TonalityApp.tsx
+++ b/src/TonalityApp.tsx
@@ -8,12 +8,14 @@ export const AuthContext = React.createContext(null);
 
 export const useAuth = () => React.useContext(AuthContext);
 
-export const Routes: React.ReactNode = RenderRoutes(routes);
+const RoutesComponent = () => {
+  return RenderRoutes(routes);
+};
 
 const TonalityApp = () => {
   return (
     <AuthProvider>
-      <Routes />
+      <RoutesComponent />
     </AuthProvider>
   );
 };