How to handle error response codes with fetch?

[taha-astera]

What are the steps to reproduce this issue?

1. I have a simple get endpoint. Orval generated this function:

export const getApiJobSearchJobs = async (params?: GetApiJobSearchJobsParams, options?: RequestInit): Promise<JobResponse[]> => {
  const res = await fetch(
    getGetApiJobSearchJobsUrl(params),
    {      
      ...options,
      method: 'GET'
      
    }
  )
  console.log(res.status);
  
  return res.json()
}

2. If the user is not logged in my api throws a 401. And that is console logged.
3. I tried a try catch but that doesn't get triggered. How do I handle error values?

Using with svelte 4.

This is my config:

import { defineConfig } from 'orval';
import { API_URL } from './src/lib/constants';

export default defineConfig({
	doc: {
		output: {
			baseUrl: API_URL,
			mode: 'tags-split',
			target: 'src/lib/types/server/api.ts',
			schemas: 'src/lib/types/server/models',
			client: 'fetch',
			mock: false
		},
		input: {
			target: '../swagger.json'
		}
	}
});

[soartec-lab]

We have no way of accepting it at the moment.
However, I'm considering expanding the response type as follows:

https://gist.github.com/anymaniax/44c1331a5643081a82da070e45f405f0#file-http-instance-ts-L68-L72

[soartec-lab]

I would like to update the generated code as follows:

// add response type
export type listPetsResponse = {
  status: number;
  data: Pets;
};

export const listPets = async (
  params?: ListPetsParams,
  options?: RequestInit,
): Promise<listPetsResponse> => {
  const res = await fetch(getListPetsUrl(params), {
    ...options,
    method: 'GET',
  });
  const data = await res.json();

  return { status: res.status, data: data };
};

@melloware @taha-astera
What's do yo think?

[melloware]

sounds good to me.

[soartec-lab]

related #1387