diff --git a/src/renderer/features/action-required/index.ts b/src/renderer/features/action-required/index.ts
index 99c1a7eaf..b90c2ded0 100644
--- a/src/renderer/features/action-required/index.ts
+++ b/src/renderer/features/action-required/index.ts
@@ -1 +1,2 @@
export * from './routes/action-required-route';
+export * from './routes/invalid-route';
diff --git a/src/renderer/features/action-required/routes/action-required-route.tsx b/src/renderer/features/action-required/routes/action-required-route.tsx
index 9e66bca26..fed1b9e59 100644
--- a/src/renderer/features/action-required/routes/action-required-route.tsx
+++ b/src/renderer/features/action-required/routes/action-required-route.tsx
@@ -67,7 +67,7 @@ export const ActionRequiredRoute = () => {
<>
- No issues found.
+ No issues found
>
)}
diff --git a/src/renderer/features/action-required/routes/invalid-route.tsx b/src/renderer/features/action-required/routes/invalid-route.tsx
new file mode 100644
index 000000000..8253d1ef6
--- /dev/null
+++ b/src/renderer/features/action-required/routes/invalid-route.tsx
@@ -0,0 +1,24 @@
+import { Center, Group, Stack } from '@mantine/core';
+import { RiQuestionLine } from 'react-icons/ri';
+import { useLocation, useNavigate } from 'react-router-dom';
+import { Button, Text } from '@/renderer/components';
+
+export const InvalidRoute = () => {
+ const navigate = useNavigate();
+ const location = useLocation();
+
+ return (
+
+
+
+
+ Page not found
+
+ {location.pathname}
+
+
+
+ );
+};
diff --git a/src/renderer/router/app-router.tsx b/src/renderer/router/app-router.tsx
index b0352b862..d95651af8 100644
--- a/src/renderer/router/app-router.tsx
+++ b/src/renderer/router/app-router.tsx
@@ -1,6 +1,9 @@
/* eslint-disable sort-keys-fix/sort-keys-fix */
-import { Routes, Route, Link } from 'react-router-dom';
-import { ActionRequiredRoute } from '@/renderer/features/action-required';
+import { Routes, Route } from 'react-router-dom';
+import {
+ ActionRequiredRoute,
+ InvalidRoute,
+} from '@/renderer/features/action-required';
import { AlbumListRoute } from '@/renderer/features/albums';
import { LoginRoute } from '@/renderer/features/auth';
import { DashboardRoute } from '@/renderer/features/dashboard';
@@ -25,7 +28,7 @@ export const AppRouter = () => {
} path={AppRoute.NOW_PLAYING} />
} path={AppRoute.LIBRARY_ALBUMS} />
>} path={AppRoute.LIBRARY_ARTISTS} />
- Go home} path="*" />
+ } path="*" />
>} path={AppRoute.PLAYING} />