diff --git a/packages/ui/package.json b/packages/ui/package.json
index c3e6fb7..1bcf73a 100644
--- a/packages/ui/package.json
+++ b/packages/ui/package.json
@@ -33,8 +33,7 @@
     "qwik": "qwik"
   },
   "peerDependencies": {
-    "@qwik.dev/core": "^2.0.0-alpha.9",
-    "@qwik.dev/router": "^2.0.0-alpha.9"
+    "@qwik.dev/core": "^2.0.0-alpha.9"
   },
   "devDependencies": {
     "@devtools/kit": "workspace:*",
diff --git a/packages/ui/src/devtools.tsx b/packages/ui/src/devtools.tsx
index 8d9f9cd..43492b1 100644
--- a/packages/ui/src/devtools.tsx
+++ b/packages/ui/src/devtools.tsx
@@ -1,10 +1,11 @@
 import {
   component$,
   useStore,
-  useVisibleTask$,
   noSerialize,
   useStyles$,
-  useSignal
+  useSignal,
+  useTask$,
+  isBrowser
 } from "@qwik.dev/core";
 import { tryCreateHotContext } from "vite-hot-client";
 import {
@@ -57,7 +58,8 @@ export const QwikDevtools = component$(() => {
   });
 
   // eslint-disable-next-line qwik/no-use-visible-task
-  useVisibleTask$(async ({ track }) => {
+  useTask$(async ({ track }) => {
+    if (isBrowser) {
     const hot = await tryCreateHotContext(undefined, ["/"]);
 
     if (!hot) {
@@ -102,6 +104,7 @@ export const QwikDevtools = component$(() => {
         });
       }
     });
+  }
   });
 
   return (
diff --git a/packages/ui/src/features/Routes/Routes.tsx b/packages/ui/src/features/Routes/Routes.tsx
index c6125f2..d9322dd 100644
--- a/packages/ui/src/features/Routes/Routes.tsx
+++ b/packages/ui/src/features/Routes/Routes.tsx
@@ -1,13 +1,11 @@
 import { component$ } from "@qwik.dev/core";
 import { State } from "../../types/state";
-import { useLocation } from "@qwik.dev/router";
 
 interface RoutesProps {
   state: State;
 }
 
 export const Routes = component$(({ state }: RoutesProps) => {
-  const location = useLocation();
 
   return (
     <div class="overflow-hidden rounded-xl border border-white/10 flex-1">
@@ -33,9 +31,9 @@ export const Routes = component$(({ state }: RoutesProps) => {
               <span
                 class={{
                   "text-emerald-400":
-                    (location.url.pathname === "/" &&
+                    (location.pathname === "/" &&
                       route.relativePath === "") ||
-                    location.url.pathname === `/${route.relativePath}/`,
+                    location.pathname === `/${route.relativePath}/`,
                 }}
               >
                 {route.relativePath === "" ? "/" : `/${route.relativePath}/`}
diff --git a/packages/ui/src/features/inspect/Inspect.tsx b/packages/ui/src/features/inspect/Inspect.tsx
index 7d9bbf8..2b13602 100644
--- a/packages/ui/src/features/inspect/Inspect.tsx
+++ b/packages/ui/src/features/inspect/Inspect.tsx
@@ -1,6 +1,5 @@
 import { component$ } from "@qwik.dev/core";
 // import { State } from "../../types/state";
-import { useLocation } from "@qwik.dev/router";
 import {inspectorLink} from './constant'
 // interface RoutesProps {
 //   state: State;
@@ -8,11 +7,9 @@ import {inspectorLink} from './constant'
 
 //@ts-ignore
 export const Inspect = component$(() => {
-  const location = useLocation();
-  console.log(location);
   return (
     <div class="overflow-hidden rounded-xl border border-white/10 flex-1">
-      <iframe src={`${location.url.href}${inspectorLink}`} width={'100%'} height={'100%'}></iframe>
+      <iframe src={`${location.href}${inspectorLink}`} width={'100%'} height={'100%'}></iframe>
     </div>
   );
 });
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index e8945c3..92d17a2 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -242,9 +242,6 @@ importers:
       '@qwik.dev/core':
         specifier: ^2.0.0-alpha.9
         version: 2.0.0-alpha.9(prettier@3.3.3)(vite@6.2.6(@types/node@20.14.11)(jiti@2.4.2)(tsx@4.19.2)(yaml@2.7.0))
-      '@qwik.dev/router':
-        specifier: ^2.0.0-alpha.9
-        version: 2.0.0-alpha.9(acorn@8.14.0)(rollup@4.30.1)(typescript@5.4.5)(vite@6.2.6(@types/node@20.14.11)(jiti@2.4.2)(tsx@4.19.2)(yaml@2.7.0))
     devDependencies:
       '@devtools/kit':
         specifier: workspace:*