diff --git a/web/hooks/use-editable-user-info.ts b/web/hooks/use-editable-user-info.ts
index 9e3ce7b..eb06016 100644
--- a/web/hooks/use-editable-user-info.ts
+++ b/web/hooks/use-editable-user-info.ts
@@ -56,6 +56,7 @@ export const useEditableUserInfo = (user: User) => {
     try {
       await updateUser({ username: newUsername })
       updateUserState({ errorUsername: '', username: newUsername })
+      user.username = newUsername
     } catch (reason) {
       updateUserState({
         errorUsername: (reason as APIError).message,