всем привет!
использую кастомный хук в Нексте, выдает ошибку:
Invalid hook call. Hooks can only be called inside of the body of a function component


import React, { useState, useEffect } from "react";

const useFetch = (url, options) => {
 console.log("useFetch called");
 const [response, setResponse] = useState(null);
 useEffect(() => {
   const doFetch = async () => {
     const res = await fetch(url, options);
     const json = await res.json();
     setResponse(json);
   };
   doFetch();
 }, []);
 return response;
};

export default useFetch;

что не так делаю?

проблема не в хуке, а в его вызове, как и написано) также React импорт юзлесс

а вызываешь где покажи

попробуй не response возвращать а <div>{response}</div>

😮

чет не помогло

вызываю из onClick через handleClick

можешь поподробнее объяснить?

реакт импортнул зря согласен

вместо useEffect используй функцию

просто экспортни функцию из хука вместе со стейтом

когда клик вызывай функцию, а не хук

сам хук помести в бади фунцкии-компонента

а в ретурне жсикс дергай на клике функцидю-фетчек

даже проще

а в чем проблема юзать хук внутри хука?

удали юзэфеект и верни не вызывая doFetch

нет проблемы

просто это не то что тебе нужно