В консоле вместо одного запроса выдает 6

import { useState, useEffect } from 'react';
import styles  from '../Card/Card.module.css'
import Link from 'next/link';



function Card() {
    const {query} = useRouter()
    const [data, setData] - useState([])
    console.log(query)

    const [data, setData] = useState([])
    
     
    useEffect(()=>{
      fetch(``)
      .then(response => response.json())
      .then(result => setData(result))
      },[])
}

Вот так выходит у меня информация в консоле Что могу сделать ? Пишу в Next.js