title: React Hook "useEffect" is called conditionally. React Hooks must be called in the exact same order in every component render
body: <pre><code>export const FetchDailyData = () =&gt; {
    try {
  
      const [data, setData] = useState({ numbers: [], isFetching: false });
  
      useEffect(() =&gt; {
          const fetchData = async () =&gt; {
              setData({ ...data, isFetching: true });
              const response = await axios.get(`${apiURL}/daily`);
              setData({
                  ...data,
                  numbers: response.data.slice(0, 50),
                  isFetching: false
              });
          };
          fetchData();
      }, [data]); 
  
      console.log(`data= ${data.numbers} isFetching= ${data.isFetching}`);
  
    } catch (error) {
      if (error) throw error;
      console.log(error);
      setData({ ...data, isFetching: false });
    }
  }
  </code></pre>
  <p>Please can anyone help me fix this issue? I tried to fetch api data but this error I cannot handle.</p>