title: FetchAPI Does Not Make Request After 2 Calls
body: <p>I've made a React component that acts as a popup menu for a table (an ag-grid to be exact), meaning this component is rendered every time a table cell is opened and then unmounted/deleted every time the cell is closed.</p>
  <p>This component I've made calls FetchAPI within it's <code>useffect</code>, so that once data needed for the component is recieved from a GET, it re-renders the component with the data</p>
  <p>Code)</p>
  <pre><code>const myPopup = forwardRef((props, ref) =&gt; {
    const [componentData, setComponentData] = useState({});
  
    useEffect(() =&gt; {
      fetch(`myurl.com/getdata/1`)           //fetch from URL
          .then((response) =&gt; response.json())
          .then((data) =&gt; setComponentData(data));   //set component data hook with response (should trigger re-render with response data)
    }, []);
  
    console.log(componentData);
    . . .
  });
  </code></pre>
  <p>When I open a table cell for the first time, the component displays exactly as expected, and console shows two things:</p>
  <pre><code>{}                      //from the initial state/render of component
  {1:'res', 2:'imm',...}  //the data loaded (from the re-render after componentData is set to the FetchAPI result)
  </code></pre>
  <p>When I open a table cell for the second time, the same thing: it works as expected</p>
  <p>When I open a cell the <strong>third time</strong>, my component renders with <code>{}</code> (the initial state) and the re-render never occurs with the data from FetchAPI. Looking at console, all I have is:</p>
  <pre><code>{}  //re-render never occured, meaning FetchAPI never called setComponentData() with it's response 
  </code></pre>
  <p>I looked deeper into it and it appears that FetchAPI does not make a call <strong>at all</strong> on this third time, as when I take a look at our server, there's no incoming requests for it after the first two (which would explain why the component never re-renders; FetchAPI doesn't get a response and thus never gets to the .then() to call setComponentData() )</p>
  <p>With that, why is FetchAPI not making the call after the second one? It boggles me that this works the first two times but not after.</p>
  <p>Any help would be grealty appreciated, this bug has been driving me nuts for a few weeks now</p>