クエリデータとマッピングをreact-query v4の型に基づいて変換する方法はありますか?

Question

API 応答からのクエリ データを変換しようとしています。具体的には、2 つのプロパティを追加したいと考えています。そのため、私は useQuery フックで select 構成を次のように使用しています。 ただし、この場合、追加の 2 つのプロパティの提案は得られません。そのため、別のモデルを追加し、次のように useQuery フックでそれを使用しました。 しかし、エラーが発生します。

私はこの問題で行き詰まっています。

コードサンドボックスで編集

Answer 1

これを試してみてください。問題は、useQuery の最初のジェネリック型パラメーターが返されるデータ型ではないことです。これは queryFn 戻り値の型です。 ModifiedProduct[] を 3 番目のジェネリック型パラメーター、またはコード自体が推論する場所に置くことができます。

リーリー