Showing 404 error, not unexpected end of JSON input

I have the following useQuery code in a react app and I'm testing my error handling. I entered an invalid URL so this will 404, and it does in the console. rq tries again a few times but ultimately the error thrown isn't a 404 error, it's "Unexpected end of json input"

How can I get it to the show the http error, not the JSON parsing error? The http error is far more useful for users to report issues.

const { data, status } = useQuery<IExampleData[]>(
  ['viewLogsMainGrid', treeNode?.text],
  () => fetch('/mock/grid/groups.jon').then(response => response.json()),
  {
    enabled: Boolean(treeNode),
    useErrorBoundary: true
  }
)

const { data, status } = useQuery<IExampleData[]>(
  ['viewLogsMainGrid', treeNode?.text],
  () => fetch('/mock/grid/groups.jon').then(response => response.json()),
  {
    enabled: Boolean(treeNode),
    useErrorBoundary: true
  }
)

TanStack•4y ago•

8 replies

thick-teal

Showing 404 error, not unexpected end of JSON input

const { data, status } = useQuery<IExampleData[]>(
  ['viewLogsMainGrid', treeNode?.text],
  () => fetch('/mock/grid/groups.jon').then(response => response.json()),
  {
    enabled: Boolean(treeNode),
    useErrorBoundary: true
  }
)

const { data, status } = useQuery<IExampleData[]>(
  ['viewLogsMainGrid', treeNode?.text],
  () => fetch('/mock/grid/groups.jon').then(response => response.json()),
  {
    enabled: Boolean(treeNode),
    useErrorBoundary: true
  }
)

Showing 404 error, not unexpected end of JSON input

Similar Threads

Showing 404 error, not unexpected end of JSON input

Similar Threads

Similar Threads

Similar Threads