updateQueryにSubscribeされた際の処理を記述します。されたデータ通常のJavascriptであればこの記載で問題なく対応できますが、TypeScriptの場合はこのsubscriptionDataの型がanyもしくはuseQueryを以下のように呼び出した際のinterfaceの型が適用されます。データをマージして返したい。},});ここで困るのが、Queryでは配列として複数のデータを取得する前提での処理となりますが、Subscribeされるデータは単数のデータとなります。そのため、認識される型と実際のデータの型が異なる状態となるため、型の情報に従って実装すると実行時エラーとなり、実データの構造に従って実装するとコンパイルエラーとなります。@ts-ignoreなどで無視するということも可能かとは思いますが、折角の型定義なので活かした記述をすべきですので、TypeScriptを用いてSubscriptionを利用したい場合は、こちらのsubscribeToMoreではなく、useSubscriptionを利用するのが適切かなと思います。ちなみに、prevにはuseQueryで取得している結果が格納されています。取得した結果をマージすることで想定した処理になるはずです。extensibleのエラーとなったので最後まで検証していません。型を上手く合わせられなかったので途中であきらめています。構成であれば試す価値もあると思います)2.useSubscriptionのパラメータonSubscriptionDataに関数を実装する。こちらの手法についてはapolloのドキュメントページの以下を参考にしています。https://www.apollographql.com/docs/react/development-testing/static-typing/#usesubscriptionただし、こちらの例ではSubscribeされたデータをそのまま画面に反映させるのみの例となっており、事前に取得した一覧にsubscribeされた最新のデータを追加するという例にはなっていません。APIリファレンスを参照してみます。使えそうなので試してみました。Subscribeされた際に利用する型を以下で定義します。Link;}続いて、useSubscriptionの実装です。型でSubscribeされたデータが引き渡されます。されたデータをマージする処理を記述します。取得・表示していた結果に反映させることができます。kkcyoソフトウェアエンジニアです。バッジを贈って著者を応援しようバッジを受け取った著者にはZennから現金やAmazonギフトカードが還元されます。バッジを贈るDiscussionkkcyoソフトウェアエンジニアです。2.useSubscriptionのパラメータonSubscriptionDataに関数を実装する。Proよくある質問LinksX(Twitter)GitHubメディアキットLegal利用規約プライバシーポリシ。