Suspense in useTransactionQuery doesn't trigger rerender in React on slow networks

[lukaskirner]

By using suspense in combination with useTransactionQuery no rerender is happening at slow network conditions which results in only showing the suspense fallback component. On fast network conditions, the code works as intended.

Example Code will only show Loading ... on the screen when using the throttled network (Slow 3G) in e.g. Chrome Dev Tools:

import { Suspense } from 'react';
import { useTransactionQuery } from 'src/gqty';

export const Parent = () => {
  return (
    <Suspense fallback={<h1>Loading...</h1>}>
      <Child />
    </Suspense>
  );
};

export const Child = () => {
  const { data } = useTransactionQuery((query) => query.hello, {
    suspense: true
  });

  return <h1>Data - {data}</h1>;
};

[Negan1911]

I'm seeing the same issue with usePaginatedQuery. The only one who looks not to be causing an issue is useQuery, I created a repro here: https://github.com/Negan1911/gqty-suspense-reproduction

[vicary]

We are rolling out an alpha via #1544, this issue is not happening in the new core. Please stay tuned!