Theo's Typesafe CultTTC
Theo's Typesafe Cult•2y ago
fotoflo

TRPC not returning immediately on error

Simple: 

export const sitemapRouter = router({
  getSitemap: protectedProcedure
    .query(async ({ ctx, input }) => {
  throw new Error("testing throwing errors");
})

Component:
  const {
    sitemapUri,
    setSitemapUri,
    sitemapUrls,
    sitemapIsLoading,
    sitemapIsError,
    sitemapError,
    sitemapStatus,
    sitemapUrlForm,
    submitHandler,
  } = useSitemaps();

return (
            {sitemapError && <div>error: {sitemapError.message}</div>}
            {sitemapIsError && <div>Iserror: {sitemapError.message}</div>}
            {sitemapStatus && <div>Status: {sitemapStatus}</div>}
)

useSitemaps:
ts

export function useSitemaps() {
const {
data: sitemapUrls,
isLoading: sitemapIsLoading,
isError: sitemapIsError,
error: sitemapError,
status: sitemapStatus,
} = trpc.sitemaps.getSitemap.useQuery(
{
url: sitemapUri,
}
);



return {
sitemapUri,
setSitemapUri,
sitemapUrls,
sitemapIsLoading,
sitemapIsError,
sitemapUrlForm,
submitHandler,
sitemapError,
sitemapStatus,
};
}
```
Was this page helpful?