useIsFetching + react 16.13 render while updating another component

[mwmcode]

Hello,

Can someone tell me if I'm doing something wrong here codesandbox (warning in console)

I updated React to 16.13.1 then started seeing this error: "Warning: Cannot update a component X while rendering a different component.. "

It goes away when I remove the global isFetching or downgrade react to 16.12

update: related 18178

[mwmcode]

It seems to be an issue with useBaseQuery/useIsFetching

useBaseQuery updates the cache.isFetching which seems to trigger useIsFetching hook which causes the component using it to re-render

function CeoComponent() {
  // 👇 triggers useIsFetching before it (<CeoComponent />) has finished rendering
  const { data, status } = useQuery(["ceo", 2], fetchCeo); rendering

  return (
    <div className="">
      <h2>dog 2</h2>
      {status === "success" && data ? (
        <img alt="dog ceo" src={data.message} />
      ) : null}
    </div>
  );
}

function GlobalLoadingIndicator() {
  const isFetching = useIsFetching();

  return (
    <div className="">
      <div>global isFetching: {isFetching ? "true" : "false"}</div>
    </div>
  );
}