TRPC request stays as 'paused' and is never run?
Some of my users are having their TRPC requests stay as "paused" indefinitely. I have a T3 app that uses TRPC, and I have some pretty straight forward dashboard UI.
This doesn't happen at my machine but happens on some of the user's machines, here's a sample code that is run inside a react hook:
console.log("Fetching products!!!");
const products = api.product.getAllWithRelations.useQuery({
includeLocations,
includeProcesses,
includeManufacturers,
});
console.log("Product status:", products);
Which the user has it eternally on "isLoading: true" and the fetchStatus is accused as "paused" for some reason? After logging the status, that's what my user sees:
data: undefined
dataUpdatedAt: 0
error: null
errorUpdateCount: 0
errorUpdatedAt: 0
failureCount: 0
failureReason: null
**fetchStatus: "paused"**
**isError: false**
isFetched: false
isFetchedAfterMount: false
isFetching: false
isInitialLoading: false
**isLoading: true**
isLoadingError: false
**isPaused: true**
isPlaceholderData: false
isPreviousData: false
isRefetchError: false
isRefetching: false
isStale: true
isSuccess: false
As seen, I'm not pausing the request myself for whatsoever reason.
The only special thing I'm doing is running a middleware for sentry and Clerk authorization.
const sentryMiddleware = t.middleware(
Sentry.Handlers.trpcMiddleware({
attachRpcInput: true,
})
);
const enforceUserIsAuthorized = t.middleware(async ({ ctx, next }) => {
if (!ctx.currentUser)
throw new TRPCError({
code: "UNAUTHORIZED",
message: "You need to be authorized to do this.",
});
return next({ ctx: { currentUser: ctx.currentUser } });
});
export const privateProcedure = t.procedure
.use(sentryMiddleware)
.use(enforceUserIsAuthorized);
0 Replies