DemoComponent.js

import React, { useEffect } from 'react'

import { useFetchEffect } from '../../hooks/useFetchEffect'

const DemoComponent = () => {
  const url = 'https://jsonplaceholder.typicode.com/posts' // sample api

  const data = useFetchEffect(url)

   return <div className="DemoComponent">{data.map(<div>{data.name}</div>)}</div>
}

export default DemoComponent