[Next.js] @apollo/clientの新機能、useSuspenseQueryでSSR

サンプルソース https://github.com/SoraKumo001/next-apollo-ssr 1. @apollo/client の useSuspenseQuery に関して 2022/12/10 の 3.8.0-alpha.0 から使えるようになった新機能で、GraphQL の query が Suspense 対応になったものです。Alpha 版でも実験的な扱いになっており、インポートする際はuseSuspenseQuery_experimentalという名前になっています。 具体的な実装状態は以下を参照してください 2. Suspense と SSR と ServerComponents Suspense を前提とする fetch 内包 hook をサーバ上で使用する上での注意点があります。サーバー側で Promise を Suspense で待つと、初期 HTML