From: Ajay Bura <32841439+ajbura@users.noreply.github.com>
Date: Mon, 24 Mar 2025 09:07:15 +0000 (+1100)
Subject: Fix displayname input controlled/uncontrolled error (#2287)
X-Git-Tag: v4.6.0~9
X-Git-Url: https://git.wafflesoft.org/?a=commitdiff_plain;h=649f70332bc88781dd328f965a543ac7f4875b64;p=rainny.git

Fix displayname input controlled/uncontrolled error (#2287)
---

diff --git a/src/app/features/settings/account/Account.tsx b/src/app/features/settings/account/Account.tsx
index ba354af..bfdb0ef 100644
--- a/src/app/features/settings/account/Account.tsx
+++ b/src/app/features/settings/account/Account.tsx
@@ -241,7 +241,7 @@ function ProfileDisplayName({ profile, userId }: ProfileProps) {
   const disableSetDisplayname = capabilities['m.set_displayname']?.enabled === false;
 
   const defaultDisplayName = profile.displayName ?? getMxIdLocalPart(userId) ?? userId;
-  const [displayName, setDisplayName] = useState<string>();
+  const [displayName, setDisplayName] = useState<string>(defaultDisplayName);
 
   const [changeState, changeDisplayName] = useAsyncCallback(
     useCallback((name: string) => mx.setDisplayName(name), [mx])