DemoComponent2.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)

  // (optional) you can add your own useEffects e.g.
  useEffect(() => {
    window.addEventListener('keydown', handleUserKeyPress)

    return () => {
      window.removeEventListener('keydown', handleUserKeyPress)
    }
  }, [handleUserKeyPress])

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

export default DemoComponent