diff --git a/apps/web/src/pages/home/index.tsx b/apps/web/src/pages/home/index.tsx
index 392cc280..da2460dd 100644
--- a/apps/web/src/pages/home/index.tsx
+++ b/apps/web/src/pages/home/index.tsx
@@ -1,5 +1,4 @@
 import React, { useLayoutEffect, useState } from "react";
-import { router } from "next/client";
 import dynamic from "next/dynamic";
 import Link from "next/link";
 import { useRouter } from "next/router";
@@ -289,6 +288,8 @@ const InternalHome = observer(() => {
     activeCity$.coord.lon.get(),
   ];
 
+  const router = useRouter();
+
   // Prevent a weather forecast for the preset active city from being displayed
   useLayoutEffect(() => {
     if (activeCity$.id.get() === 0 && activeCity$.name.get() === "") {