feat: return client and originalClient from createRQClient

[Anon-136]

Summary

Return client from createRQClient

• in order to use with loader or SSR
• with the same interface of useQuery or queryOptions like

function Comp() {
  const query = client.useQuery(
    '/users/:id',
    '$get',
    { input: { param: { id: 'none' },
  })
}

but

loader: () => {
  const result = client.client(
    '/users/:id',
    '$get',
    { input: { param: { id: 'none' },
  })
}

• with fully-typesafe and throwOnError supported

PS. I called it FlatClientFn for now
Flat is justice 🤩

[changeset-bot]

🦋 Changeset detected

Latest commit: 305f2d4

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 1 package

Name	Type
@softnetics/hono-react-query	Minor

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[saenyakorn]

To call API in loader, I highly suggest to use hono/client instead of this library. This library use hono/client internally.

Also, if you would like to use react query in server-side. Try to use "queryOptions" instead.

[SupakornNetsuwan]

async beforeLoad(){
const qc = new QueryClient()

await qc.prefetch(client.queryOptions())
},
render(){ 
const query = client.useQuery() // <-- Automatically internall grab a prefetched SSR result.

return <>...</>
}

Is something like this work?

[Anon-136]

Thx for the reply
After discussing with @SupakornNetsuwan
I found ensureQueryData working

loader: async ({ context, params }) => {
  const response = await context.queryClient.ensureQueryData(
    reactQueryClient.queryOptions(
      '/appointments/:appointmentId',
      '$get',
      {
        input: {
          param: {
            appointmentId: params.appointmentId,
          },
        },
        options: { throwOnError: false },
      },
    ),
  )
  if (response.status === 404) throw notFound()
  if (response.status !== 200) throw response
},

Closing this PR