I am looking to create a specific type for axios responses based on the status code:
types:
type SuccessfulResponseData = {
users: ....
};
interface SuccessfulResponse extends AxiosResponse<SuccessfulResponseData, any> {
status: 200;
}
type FailedResponseData = {
message: string;
};
interface FailedResponse extends AxiosResponse<FailedResponseData, any> {
status: 400;
}
export type CustomResponse = SuccessfulResponse | FailedResponse;
Here is an example of how I am implementing it:
const response = await axios
.post<SuccessfulResponse, AxiosResponse<SuccessfulResponse>>(
endpoint,
data,
)
.catch((e: AxiosError<FailedResponse>) => {
return e.response;
});
return response as CustomResponse;
However, the response does not seem to be compatible with CustomResponse.