Api call only returns one object instead of 10 when using useeffect

See more:

API

React

When I console.log it only gives me one object and im guessing its because of the way I've deconstructed it. setAgent is iterating over a single object instead of the array of objects. But im not sure how to fix this.

useEffect(() => {
  async function fetchData() {
    const response = await fetch(`https://randomuser.me/api/?results=10`);
    const data = await response.json();
    const [item] = data.results;
    setAgent(item);
    console.log(item);
  }
  fetchData();
},[]);

What I have tried:

I tried using setAgent(data); but it gives me an uncaught type error