How To Add Include Select Relate Type to useQuery's result.

[cqh963852]

The type of findManyUser's return type is User[]

After passing in the include parameter，The type should be changed.

But at @trpc/react-query 's useQuery，the type is the return type of findManyUser

It there any way can make the useQuery automatically infer whether a type needs to be added.

Just like prisma's type

[cqh963852]

The generic type of query will be inferd as User[] by the return typeof query.

[cqh963852]

I found one solution.

type SomeType = Prisma.UserGetPayload<typeof query>;
trpc.schema.findManyUser.useQuery<any, SomeType[]>(query)

The SomeType can be defined by user.

[omar-dulaimi]

Hey @cqh963852

Your workaround does solve the issue for now. It was reported here #62

Please let me know if you have suggestions for a fix for this

[cqh963852]

For a solution using generated code.

Users can customize function encapsulation.

Just like

const useFindManyUser = <Q extends SomeQueryType>(query: Q):PrismaGetPayLoadType<Q> => {
    // implement
};

But to some extent, it will affect the convenience of use.

https://github.com/idealjs/ponder/blob/main/packages/generator-browser/src/templates/genSWRHelper.ejs

You can check my swr helper template. Also can be used for react-query.

[just-maik]

This should be done by the generator. Otherwise its really confusing for new library users to figure out how to type-safely query relational objects.