Double api request React

I have the following React Component

export default function Header () {
  const { isSessionActive, isMenuOpen, isProfileMenuOpen, setIsMenuOpen, closeMenu, URL } = useContext(AppContext)
  const [profileData, setProfileData] = useState({})

  useEffect(() => {
    if (!isSessionActive) return
    console.log('Enter in the useEffect')
    const token = window.localStorage.getItem('token')
    axios.get(`${URL}/users`, { headers: { Authorization: `Bearer ${token}` } })
      .then(result => setProfileData(result.data))
      .catch(error => console.log(error))
  }, [isSessionActive])

  const openMenu = () => {
    setIsMenuOpen(true)
  }

  return (
    //Rest of the Jsx code...
  )
}

As you can see, I have a useEffect to make a request to an API. The console.log(‘Enter in the useEffect’) pops out just one time (which is the expected behavior), meaning the component only makes the request once.

The problem is, if I log all the requests that arrive at my API, it looks like the application is making the request twice (I don’t make any requests to the API in any other part of the app).

Why is this happening? Is it normal? Because that means the server will have to handle twice the number of requests just because of this problem (imagine if I have multiple calls).

Am I doing something wrong?