we can only guess without seeing any code

if fetchUser is called inside of component, it will be executed every time component is rendered. It should be wrapped inside of useEffect hook with empty dependency array so it's called only once

and you should look into fetch function instead of XMLHttpRequest, it's outdated

i did that but the useEffect doesn't get triggered

it should trigger at least once if it's used correctly... can you share more code? whole component if possible

@Nile Crocodile here is the whole code

in a code block. if it's too long you can send only code relevant to the issue or use online editor like codesandbox and send link here

ok

oh i just noticed something the page doesn't get fully loaded i don't know why but i can see that there is some html elements not responding to events like clicking ... so that is the reason why useEffect isn't getting triggered @Nile Crocodile

Thanks for your help 🤍

You cannot pass async functions to useEffect. If you want to fetch data inside of useEffect you'd do something like:

useEffect(() => {
   const fetchData = async () => {
      const resp = await fetch('...')
      const data = await resp.json()
      setData(data)
   }
   fetchData()
}, [])

However in your case, since you're using .then(), I think you could just do

useEffect(() => {
   fetchUser().then(user => setUser(user))
}, [])

oh, i didn't know that thank you very much for tou help