diff --git a/front/src/ui/login/login.tsx b/front/src/ui/login/login.tsx
index 94c6a00d..34373716 100644
--- a/front/src/ui/login/login.tsx
+++ b/front/src/ui/login/login.tsx
@@ -11,7 +11,7 @@ import { PasswordInput } from "./password-input";
 import { ServerUrlPage } from "./server-url";
 
 export const LoginPage = () => {
-	const [apiUrl] = useQueryState("apiUrl", null);
+	const [apiUrl] = useQueryState("apiUrl", "");
 	const [username, setUsername] = useState("");
 	const [password, setPassword] = useState("");
 	const [error, setError] = useState<string | undefined>();
diff --git a/front/src/ui/login/register.tsx b/front/src/ui/login/register.tsx
index 6b62f153..40aefe31 100644
--- a/front/src/ui/login/register.tsx
+++ b/front/src/ui/login/register.tsx
@@ -11,7 +11,7 @@ import { PasswordInput } from "./password-input";
 import { ServerUrlPage } from "./server-url";
 
 export const RegisterPage = () => {
-	const [apiUrl] = useQueryState("apiUrl", null);
+	const [apiUrl] = useQueryState("apiUrl", "");
 	const [email, setEmail] = useState("");
 	const [username, setUsername] = useState("");
 	const [password, setPassword] = useState("");