I am fetching data from backend using axios whenever I am trying to update hooks it is not updating.
The data is JSON from where I am extracting data and trying to set element. It might sound silly but can somebody tell me what is dependent array?

I keep getting this

Line 18: React Hook useEffect has a missing dependency: 'elements'. Either include it or remove the dependency array react-hooks/exhaustive-deps

Here is code

import React, { useEffect, useState } from 'react';

import './App.css';

import axios from 'axios';



function App() {

  const [elements, setElements] = useState([]);



  useEffect(() => {

    const res = async () => {

      const result = await axios.get('/data');

      const data = result.data;

      console.log(data);

      setElements(elements => [...elements, data]);

      console.log(elements);

    };

    res();

  }, []);

 console.log(elements.map(element => console.log(element)));

  return <div className='App'>Hello</div>;

}



export default App;