when a User SignUP, in the Header I want to display his name, But it shows null, When I refresh the page it shows the correct name. why this is not auto rendering on changing username.
const [username, setusername] = useState('loading..')
useEffect(() => {
setusername(auth.currentUser.displayName);
}, [[auth.currentUser.displayName]])
// Some more work here
return(
// display Name
)
First, you tell it to only run useEffect once when you pass in an empty array, second, you can't assign to username directly, you need to use the setusername function. You probably just need to do
useEffect(() => {
setusername(auth.currentUser.displayName);
}, [auth.currentUser.displayName])