T

Bug where 2 requests are fired at once. TRPC batches them. Can I cancel the 2nd via ProcedureOption?

Bug where 2 requests are fired at once. TRPC batches them. Can I cancel the 2nd via ProcedureOption?

Ssb

4/27/2023

Hey all. I have a bug where my app fires two identical requests at the same time. This happens do to some weird upstream auth listener logic. Ideally TRPC can help me mitigate this. I want to configure ProcedureOption such that it doesn't batch, but rather only lets the first request to go through. Is this possible?

const updatedCartItems = await trpcClient.user.cart.replaceCartOnAuthLoaded.mutate(
  {
    anonymousCartItems,
  },
  {
    onlyOneAtATime: true,
  },
)

const updatedCartItems = await trpcClient.user.cart.replaceCartOnAuthLoaded.mutate(
  {
    anonymousCartItems,
  },
  {
    onlyOneAtATime: true,
  },
)

Nnlucas

4/27/2023

React-Query should do de-duping for you no? Do you have any more details or a reproduction of the issue? If it's batching up 2 requests, one of which RQ would be cancelling, this may be a bug on our side?

Ssb

4/27/2023

No - they're both running

Looking for more? Join the community!

T

Bug where 2 requests are fired at once. TRPC batches them. Can I cancel the 2nd via ProcedureOption?

T

Bug where 2 requests are fired at once. TRPC batches them. Can I cancel the 2nd via ProcedureOption?

Recommended Posts

How to do an async API call in useEffect (T3 stack)Hey, I have the router below and want to call the `tutor`async in an `useCallback` function, but the pagination - Offset MethodHi trpc has pagination example but only using cursor https://trpc.io/docs/reactjs/useinfinitequery next js appDirNext js tRpc What are the advantages of using trpc instead of the native Next.js APIs when building How can you fetch data on a dynamic router with trpc?I’m creating a table component within my NextJs app. Instead of making an api call in the parent com Mocking tRPC call w/ Playwright (Transform Error)I have a tRPC call that I would like to mock out for a Playwright E2E test. I've followed their doc zod input validation from ts typeI imported a type using `import type { WebhookEvent } from "@clerk/nextjs/api";`. Is there a way to Looking to fix my tRPC implementationHi guys I am looking for some help implementing tRPC in my current project, I have 3 files that need Expression produces a union type that is too complex to representHi! I have started to encounter the above on error on pretty simple react components using trpc v10