Open5
Apollo ClientのuseQueryはPersisted Query Hashだけでdata fetchingできるのか？
progfayPersisted Query を使うのであれば、 Client Side で DocumentNode を生成するのは bundle size が大きくなったり runtime での処理が増えたりと無駄が多い。
useQuery に Persisted Query Hash を渡すだけで data fetching ができれば上記の無駄を省くことができるが、これが Apollo Client 上で可能なのかを調査する。
progfayuseQuery 関数の第一引数は query: DocumentNode | TypedDocumentNode<TData, TVariables> となっている。
progfayuseQuery 関数に渡った第一引数は verifyDocumentType(query, DocumentType.Query) にて検証されている。
verifyDocumentType 関数によって operation.type === DocumentType.Query を満たすかどうかが確認されている。
progfayDirty Hack ではあるが、以下のような方法でも実現できそう。
const query = gql`
query DummyQuery {
__typename
}
`
query.__hash = 'xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx'
const Component = () => {
const { data, loading } = useQuery(query)
return loading ? <p>Loading</p> : <pre>{JSON.stringify(data, undefined, 2)}</pre>
}
そして query.__hash に詰められた Persisted Query Hash を Persisted Query Link 上で詰め替えればそれぞれの Query を bundle に含めることなくリクエストを成功できるはず。
progfayとはいえ、理想としては hash を引数に渡すことで useQuery に似たことができる usePersistedQuery のような hooks が Apollo Client に追加されることが好ましい。