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 ba354af5641627273dbd7413b2bf1d8d2b9ad7ab..bfdb0ef596ee95654ed5b734ad4444ec394cf256 100644 (file)
--- 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])