Console.info в журнале массива useState Hook несколько раз после запроса GET с помощью Axios

У меня есть этот компонент React

import React, { useState, useEffect } from 'react';
import axios from "axios";
import "../../css/driversStandings.css";

function DriversStandingsComponent() {

    const [data, setData] = useState([]);
    var row = 1;

    useEffect(() => {
        axios.get("http://localhost:4000/api/standings").then(res => {
            const driversChampionshipData = res.data[0].DriversChampionship
            setData(driversChampionshipData);
            console.info(data)
        })
    });

    return (
          //Here I return a mdbootstrap table, mapping the data array
    )
}

export default DriversStandingsComponent;

Я не очень понимаю, почему это происходит, и влияет ли это на производительность сервера.

Любая идея для решения этой проблемы? Я даже не знаю, ошибка ли это сама 😅