https://stackoverflow.com/q/62655511/863110

index.jsx

const App = () => {
  const [isLoadgin, setIsLoading] = useState(true)
  const [cardInfo, setCardInfo] = useContext(CardInfoContext)

  useEffect(() => {
    fetchData(result => {
      setCardInfo(result);
      setIsLoading(false);
    })
  }, [])
    
  return (
    <>
      <div className="app">
        {isLoading && <h1 className="loadingNotice">Fetching data...</h1>}
        {
          cardInfo.map(card => <img src={card.image} />)
        }
      </div>
    </>
)}