diff --git a/tests/components/ct-svelte-vite/package.json b/tests/components/ct-svelte-vite/package.json
index 5d2333a7fd..92f5fbf36a 100644
--- a/tests/components/ct-svelte-vite/package.json
+++ b/tests/components/ct-svelte-vite/package.json
@@ -18,12 +18,6 @@
     "vite": "^5.0.11"
   },
   "dependencies": {
-    "svelte": "^4.2.8",
-    "svelte-navigator": "^3.2.2"
-  },
-  "overrides": {
-    "svelte-navigator": {
-      "svelte": "$svelte"
-    }
+    "svelte": "^4.2.8"
   }
 }
diff --git a/tests/components/ct-svelte-vite/src/App.svelte b/tests/components/ct-svelte-vite/src/App.svelte
index 1ba1936792..93a64258b0 100644
--- a/tests/components/ct-svelte-vite/src/App.svelte
+++ b/tests/components/ct-svelte-vite/src/App.svelte
@@ -1,18 +1,34 @@
-<script lang="ts">
-import { Link, Route, Router } from "svelte-navigator";
-import logo from './assets/svelte.png'
+<script>
+import { onMount, onDestroy } from 'svelte';
 import LoginPage from './pages/LoginPage.svelte';
 import DashboardPage from './pages/DashboardPage.svelte';
+
+let path = '';
+function updatePath() {
+  path = window.location.pathname;
+}
+onMount(() => {
+  updatePath();
+  window.addEventListener('popstate', updatePath);
+});
+onDestroy(() => {
+  window.removeEventListener('popstate', updatePath);
+});
+/**
+ * @param newPath {string}
+ */
+function navigate(newPath) {
+  history.pushState({}, '', newPath);
+  updatePath();
+}
 </script>
 
-<Router>
-  <header>
-    <img src="{logo}" alt="logo" width="125" height="125" />
-    <Link to="/">Login</Link>
-    <Link to="/dashboard">Dashboard</Link>
-  </header>
-  <Route path="/*">
-    <Route component="{LoginPage}" />
-    <Route path="dashboard" component="{DashboardPage}" />
-  </Route>
-</Router>
+<header>
+  <a on:click={(e) => { e.preventDefault(); navigate('/'); }} href='/login'>Login</a>
+  <a on:click={(e) => { e.preventDefault(); navigate('/dashboard'); }} href='/dashboard'>Dashboard</a>
+</header>
+{#if path === '/'}
+  <LoginPage />
+{:else if path === '/dashboard'}
+  <DashboardPage />
+{/if}
diff --git a/tests/components/ct-svelte-vite/src/assets/svelte.png b/tests/components/ct-svelte-vite/src/assets/svelte.png
deleted file mode 100644
index e673c91c7b..0000000000
Binary files a/tests/components/ct-svelte-vite/src/assets/svelte.png and /dev/null differ
diff --git a/tests/components/ct-svelte-vite/tests/svelte-navigator.spec.ts b/tests/components/ct-svelte-vite/tests/router.spec.ts
similarity index 100%
rename from tests/components/ct-svelte-vite/tests/svelte-navigator.spec.ts
rename to tests/components/ct-svelte-vite/tests/router.spec.ts
diff --git a/tests/components/ct-svelte/package.json b/tests/components/ct-svelte/package.json
index 0ad74e6fb8..65a27f1681 100644
--- a/tests/components/ct-svelte/package.json
+++ b/tests/components/ct-svelte/package.json
@@ -19,12 +19,6 @@
     "sirv-cli": "^2.0.0"
   },
   "dependencies": {
-    "svelte": "^4.2.8",
-    "svelte-navigator": "^3.2.2"
-  },
-  "overrides": {
-    "svelte-navigator": {
-      "svelte": "$svelte"
-    }
+    "svelte": "^4.2.8"
   }
 }
diff --git a/tests/components/ct-svelte/src/App.svelte b/tests/components/ct-svelte/src/App.svelte
index c089e091a7..93a64258b0 100644
--- a/tests/components/ct-svelte/src/App.svelte
+++ b/tests/components/ct-svelte/src/App.svelte
@@ -1,16 +1,34 @@
-<script lang="ts">
-import { Link, Route, Router } from "svelte-navigator";
+<script>
+import { onMount, onDestroy } from 'svelte';
 import LoginPage from './pages/LoginPage.svelte';
 import DashboardPage from './pages/DashboardPage.svelte';
+
+let path = '';
+function updatePath() {
+  path = window.location.pathname;
+}
+onMount(() => {
+  updatePath();
+  window.addEventListener('popstate', updatePath);
+});
+onDestroy(() => {
+  window.removeEventListener('popstate', updatePath);
+});
+/**
+ * @param newPath {string}
+ */
+function navigate(newPath) {
+  history.pushState({}, '', newPath);
+  updatePath();
+}
 </script>
 
-<Router>
-  <header>
-    <Link to="/">Login</Link>
-    <Link to="/dashboard">Dashboard</Link>
-  </header>
-  <Route path="/*">
-    <Route component="{LoginPage}" />
-    <Route path="dashboard" component="{DashboardPage}" />
-  </Route>
-</Router>
+<header>
+  <a on:click={(e) => { e.preventDefault(); navigate('/'); }} href='/login'>Login</a>
+  <a on:click={(e) => { e.preventDefault(); navigate('/dashboard'); }} href='/dashboard'>Dashboard</a>
+</header>
+{#if path === '/'}
+  <LoginPage />
+{:else if path === '/dashboard'}
+  <DashboardPage />
+{/if}
diff --git a/tests/components/ct-svelte/tests/svelte-navigator.spec.ts b/tests/components/ct-svelte/tests/router.spec.ts
similarity index 100%
rename from tests/components/ct-svelte/tests/svelte-navigator.spec.ts
rename to tests/components/ct-svelte/tests/router.spec.ts