Создание пользовательского React‑хука для получения данных по указанному URL

Необходимо написать собственный хук useFetch, который принимает строку‑URL, инициирует HTTP‑запрос к этому адресу, сохраняет полученный ответ и возвращает его. При каждом вызове хук должен добавлять полученные результаты в общий массив и отдавать его вызывающему компоненту.

import { useEffect, useState } from "react";

export default function App() {
  const counter = 0;
  const [data, setData] = useState("");
  const [joke] = useFetch("https://api.chucknorris.io/jokes/random");

  useEffect(() => {
    console.log("was", joke);
    setData(joke?.value);
  }, [joke]);

  return (
    <div className="App">
      <h1>Открой консоль {data}</h1>
    </div>
  );
}