Why is the data being printed twice when I inspect it in chrome?

Question

const [beautyInfo,setBeautyInfo]= useState([])
useEffect(() => {
  fetch("http://localhost:8085/b2/beauty-info-test/beauty-info/44810")
  .then(response => {
    if(!response.ok){
      throw new Error("Network response was not OK")
    }
    return response.json()})
  .then(data => console.log(data))
  .catch(err => console.log(err))
},[])

Im still a new engineer, so I'm kinda lost on why its showing twice. what happens exactly is I run the backend, I run the frontend, I go to chrome, and right click inspect then it pops up twice instead of once. Thanks for help!