supporaction.js

import React from 'react'
import {actionCreator} from '../../redux/actionCreators.js'
import { useFetchEffect } from '../../hooks/useFetchEffect'

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

  const data = useFetchEffect(actionCreator)

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

export default AnotherComponent