fix(followUser): Discord initialization Error component

Author: D3SOX

src/plugins-extra/followUser/index.tsx

@@ -20,7 +20,9 @@ import {
     React,
     SelectedChannelStore,
     Toasts,
-    UserStore
+    useEffect,
+    UserStore,
+    useState
 } from "@webpack/common";
 import type { PropsWithChildren, SVGProps } from "react";
 
@@ -346,22 +348,32 @@ export default definePlugin({
 
     FollowIndicator() {
         const { plugins: { FollowUser: { followUserId } } } = useSettings(["plugins.FollowUser.followUserId"]);
-        if (followUserId) {
-            return (
-                <HeaderBarIcon
-                    tooltip={`Following ${UserStore.getUser(followUserId).username} (click to trigger manually, right-click to unfollow)`}
-                    icon={UnfollowIcon}
-                    onClick={() => {
-                        triggerFollow();
-                    }}
-                    onContextMenu={() => {
-                        settings.store.followUserId = "";
-                    }}
-                />
-            );
-        }
-
-        return null;
+        const [followUsername, setFollowUsername] = useState<string | undefined>(undefined); 
+ 
+        const updateUserName = () => { 
+            if (!followUserId) return; 
+  
+            const user = UserStore.getUser(followUserId); 
+            if (!user) { 
+                setTimeout(() => updateUserName(), 1); 
+                return; 
+            } 
+  
+            setFollowUsername(user.username); 
+        }; 
+  
+        useEffect(() => updateUserName(), [followUserId]); 
+  
+        return <> 
+            {followUserId && <HeaderBarIcon 
+                tooltip={`Following ${followUsername} (click to trigger manually, right-click to unfollow)`} 
+                icon={UnfollowIcon} 
+                onClick={() => triggerFollow()} 
+                onContextMenu={() => { 
+                    settings.store.followUserId = ""; 
+                }} 
+            />} 
+        </>;
     },
 
     addIconToToolBar(e: { toolbar: React.ReactNode[] | React.ReactNode; }) {