UseQuery を複数使う場合


備忘録。

Apollo の useQuery を使う時、複数の data で名前がかぶってしまう問題があります。

const {data, loading, error} = useQuery(SOME_QUERY1)
const {data, loading, error} = useQuery(SOME_QUERY2)

このような場合は、次のようにコードを書けば、複数の data があっても名前がかぶることはありません。

const {data: data1, loading: loading1, error: error1} = useQuery(SOME_QUERY1)
const {data: data2, loading: loading2, error: error2} = useQuery(SOME_QUERY2)

// 呼び出しは、data1, loading1, error1 などでする