AnotherComponent.js

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

const AnotherComponent = () => {
  const url = 'https://anotherAPIEndpoint.com/route' // sample api

  const responseData = useFetchEffect(url)
  
  const {isLoading, data} = responseData // destructure out the data from the hook
  
  if(isLoading) // Show a spinner or loading animation
    return <p>Loading...</p> 
   
  return <div className="AnotherComponent">{data.map(<div>{data.name}</div>)}</div>
}

export default AnotherComponent