diff --git a/gameyfin/src/main/frontend/App.tsx b/gameyfin/src/main/frontend/App.tsx
index 6df9096..f145d6d 100644
--- a/gameyfin/src/main/frontend/App.tsx
+++ b/gameyfin/src/main/frontend/App.tsx
@@ -18,8 +18,10 @@ import {isAdmin} from "Frontend/util/utils";
 export default function App() {
     client.middlewares = [ErrorHandlingMiddleware];
 
+    const navigate = useNavigate();
+
     return (
-        <HeroUIProvider className="size-full" navigate={useNavigate} useHref={useHref}>
+        <HeroUIProvider className="size-full" navigate={navigate} useHref={useHref}>
             <NextThemesProvider attribute="class" themes={themeNames()} defaultTheme="gameyfin-violet-dark">
                 <AuthProvider>
                     <ViewWithAuth/>