I'm trying to render API data but for some reason, I'm unable to do it.

```
const [ data, setData ] = useState([])

  const fetchData = () => {

    return (
      fetch('https://mocki.io/v1/b9c63035-97c5-40a0-b45c-2abdf5261bdf')
      .then(response => response.json())
      .then(data => setData(data))
      .catch(error => {
        console.log('Error fetching and parsing data', error)
      })
    )
  }

useEffect(() => {
     fetchData()
  }, []);

```

`console.log('API DATA', data)`
I'm getting the response back but I'm not sure why its not able to loop through. I guess its because the data is in JSON format?

```
return (
 {       
   data.length > 0 && data.map((item, index) => {
    <div key={index}>{item.title}</div>
   })
 }
)

```

[![enter image description here](https://i.stack.imgur.com/LEkgV.png)](https://i.stack.imgur.com/LEkgV.png)