diff --git a/src/App.tsx b/src/App.tsx
index c3da8b4..1f8b4a5 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -25,7 +25,7 @@ import Register from "./Routes/Register/Register";
 
 const queryClient = new QueryClient();
 
-const router = createBrowserRouter([
+const router = createHashRouter([
   {
     path: "/",
     element: (
diff --git a/src/Routes/Login/Login.tsx b/src/Routes/Login/Login.tsx
index 55288c4..99f9e75 100644
--- a/src/Routes/Login/Login.tsx
+++ b/src/Routes/Login/Login.tsx
@@ -38,6 +38,7 @@ export default function Login() {
           <div style={{ margin: 4 }} />
           <input
             style={styles.input_notetitle}
+            value={user.username}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setUser({ ...user, username: e.target.value });
             }}
@@ -50,6 +51,7 @@ export default function Login() {
           <input
             style={styles.input_notetitle}
             type="password"
+            value={user.password}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setUser({ ...user, password: e.target.value });
             }}
diff --git a/src/Routes/Register/Register.tsx b/src/Routes/Register/Register.tsx
index 6fc148a..38a3ed8 100644
--- a/src/Routes/Register/Register.tsx
+++ b/src/Routes/Register/Register.tsx
@@ -32,6 +32,7 @@ export default function Register() {
           <div style={{ margin: 4 }} />
           <input
             style={styles.text_L}
+            value={user.email}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setUser({ ...user, email: e.target.value });
             }}
@@ -43,6 +44,7 @@ export default function Register() {
           <div style={{ margin: 4 }} />
           <input
             style={styles.text_L}
+            value={user.username}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setUser({ ...user, username: e.target.value });
             }}
@@ -55,6 +57,7 @@ export default function Register() {
           <input
             style={styles.text_L}
             type="password"
+            value={user.password}
             onChange={(e: React.ChangeEvent<HTMLInputElement>) => {
               setUser({ ...user, password: e.target.value });
             }}