How to handle error response with failure status?

[AnshulM34]

Below is something I tried using

trae.create({baseUrl: '/api'})
  .post('some url')
  .then(do some operation)
  .catch(err)

I don't get error response in catch block... I just get Unexpected end of JSON input

I want to handle 404 , 400, 500

This may not be issue... It is something I am facing.

[gillchristian]

@AnshulM34 thanks for reporting. I formatted a bit your message, added syntax highlighting. I suggest you keep that in mind when opening and issue, it things easier to understand for us maintainers.

It's a bit hard to reproduce your issue because we lack the context. If you would provide and example in Codesandbox.

That said, I have a guess of what's causing your issue. We also parse the response when there's an error. Seeing "Unexpected end of JSON input" we are using the json parser when we shouldn't. At the moment I'm not sure if that could be changed, but we'll improve it for sure on the v2

Here's the code:

trae/lib/helpers/response-handler.js

Lines 8 to 17 in fa83b7f

	function defineReader(ok, headers, reader) {
	if (ok && validateReader(reader)) {
	return reader;
	}
	const contentType = headers.get('Content-Type') || '';
	return contentType.includes('application/json')
	? 'json'
	: 'text';
	}

You can check the headers of the response of your API, maybe it says application/json when it shouldn't.