Got working preact SSR

client/pages/Home.jsx

@@ -1,15 +1,19 @@
+import { route } from 'preact-router'
+
 import { Problem } from '../components/Problem.jsx'
 import { useUser } from '../hooks.jsx'
 
 export const HomePage = () => {
-    const { username } = useUser()
+    console.log('rendering homepage')
 
-    const logout = async () => {
+    const [user, logout] = useUser()
+
+    const handleLogout = async () => {
         await fetch(`/api/logout`, {
             method: 'POST',
         })
 
-        location.reload()
+        logout()
     }
 
     const problems = Array.from({ length: 20 }, (_, i) => ({
@@ -24,10 +28,10 @@ export const HomePage = () => {
         <main class="home">
             <div class="logo">PHC / Problemi</div>
             <div class="subtitle">
-                {username ? (
+                {user ? (
                     <>
-                        Logged in as {username} (
-                        <span class="link" onClick={() => logout()}>
+                        Logged in as {user.username} (
+                        <span class="link" onClick={handleLogout}>
                             Logout
                         </span>
                         )

client/pages/Login.jsx

@@ -1,3 +1,5 @@
+import { route } from 'preact-router'
+
 import { useState } from 'preact/hooks'
 
 export const LoginPage = () => {
@@ -14,7 +16,7 @@ export const LoginPage = () => {
             }),
         })
 
-        location.href = '/#/'
+        route('/')
     }
 
     return (