我在我的React应用中使用Firebase Auth，当一个新用户注册时，他的displayName不会显示在UI上，即使它在服务器中更新了，即使电子邮件和其他所有东西都显示在UI上，就像UI在displayName更新之前加载一样。
有人能帮我解决这个问题吗？

useEffect(
    () =>
        onAuthStateChanged(firebaseAuth, (user) => {
            if (user) {
                dispatch({
                    type: LOGIN,
                    payload: {
                        isLoggedIn: true,
                        user: {
                            id: user.uid,
                            email: user.email,
                            displayName: user.displayName,
                            emailVerified: user.emailVerified
                        }
                    }
                });
            } else {
                dispatch({
                    type: LOGOUT
                });
            }
        }),
    // eslint-disable-next-line react-hooks/exhaustive-deps
    [dispatch]
);

 const firebaseRegister = async (displayName, email, password) => {
    await createUserWithEmailAndPassword(firebaseAuth, email, password).then((registeredUser) => {
        sendEmailVerification(firebaseAuth.currentUser);
        addDoc(collection(db, 'users'), {
            uid: registeredUser.user.uid,
            displayName,
            email,
            createdAt: serverTimestamp()
        });
    });
    console.log(firebaseAuth.currentUser);

    const user = firebaseAuth.currentUser;
    await updateProfile(user, { displayName })
        .then(() => {
            user.reload().then(() => console.log('Profile reloaded'));
        })
        .catch((err) => console.log(err));
};