firebase Display Name is null

Question

I'm trying to print firebase display name. its showing after login. but after registrtion its showing null value. I'm using react-firebase-hook

   const [userAuthenticate,loadingAuthenticate] = useAuthState(auth)
   const [update,setUpdate] = useState(auth)
   useEffect(()=>{
      const tokenUpdate = async()=>{ 
      if(userAuthenticate && update){
        console.log(userAuthenticate.displayName); // Showing Null
        navigate('/');
      }
    }
      tokenUpdate();
    },[userAuthenticate,update]);

  const onSubmit = async(data) => {
    const name = data.name;
    const email = data.email;
    const password = data.password;
    await createUserWithEmailAndPassword(email, password);
    await updateProfile({ displayName: name });
    await sendEmailVerification(email)
    setUpdate(true);
  };

Answer 1

Updating the profile does not automatically refresh the profile in the current application. You'll need to reload the user's profile after the call to updateProfile completes.