4 replies

TRPC not returning immediately on error

Simple:

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

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:

  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,
};
}
```

TTC

Theo's Typesafe Cult•2y ago•

4 replies

fotoflo

TRPC not returning immediately on error

Simple:

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

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:

  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:

TRPC not returning immediately on error

Similar Threads

TRPC not returning immediately on error

Similar Threads

Similar Threads

Similar Threads