How to use React Suspense with schema awareness

[Yama-Tomo]

Context

• [email protected]
• @urql/[email protected]
• @urql/[email protected]
• Using suspense with useQuery
• Using schema awareness

For example, suppose we have the following nested GraphQL schema and an SPA with a list page that fetches featureA.posts and a detail page that fetches featureA.post.

type Query {
  featureA: featureA!
}

type featureA {
  post(id: ID!): Post
  posts: [Post!]!
}

type Post {
  id: ID!
  title: String
  body: String!
}

When navigating from the list page to the detail page, suspense does not occur on the detail page.
(The result of the first useQuery on the detail page is { data: { post: null }, stale: true, ... })
However, when accessing the detail page directly, suspense works as expected because there's no cache for featureA, but I think this behavior is not consistent.

I think this behavior is probably caused by the partial results of schema awareness, but is there a way to make it suspend?