added with-react-query-typescript example

[jashwant]

React Query Typescript Next.js example

Added a react-query example in typescript.

[belgattitude]

I would move the TPost here.

export const api = async (resource: string): Promise<TPost>=> {

In usePosts I would do the same (when using explicit return we don't rely on useQuery inference).

export const usePosts = (key: any, url: string, isRouterReady: boolean): UseQueryResult<TPost, unknown> => {

With this change, consumers does not have to decide which type to set

const { isLoading, isError, data } = usePosts(

[jashwant]

api is a generic function. It can be used for any type.

In real world,api should have been in lib directory or something. But for simplicity, I kept it inside usePosts.

Also, I am using same usePost hook for both TPost and TPost[] type. ( pages/index.tsx uses the same usePost)

But if it is complicating things for consumers, I can remove it by creating different hooks for index.tsx and [id].tsx.

How do I send changes ? Just send another pull request?

[belgattitude]

So generic api make sense yes.

For the usePost, I would create two versions with proper parameters and return types (remove key:any at the same time).

I would find it more explicit when using them.

[jashwant]

As suggested, removed generic types from usePosts.

[balazsorban44]

Addressed in #38101