Как обработать ошибку?

Question

[Orion Orion]

import { useState } from 'react';
import AuthService from '../http/auth';

export const useLogin = () => {
  const [email, setEmail] = useState<string>('');
  const [password, setPassword] = useState<string>('');
  const [userAcc, setUserAcc] = useState<any>();

  const userLogin = async () => {
    try {
      const response = await AuthService.login(email, password);
      console.log(response);
      // if (response.status === 404) {
      //   return alert('Не правльный логин или пароль!');
      // }
      localStorage.setItem('token', JSON.stringify(response.data.accessToken));
      setUserAcc(response.data.user);
      const dt = await AuthService.login(email, password);
    } catch (error) {
      console.log(error);
    }
  };
  return { email, password, setEmail, setPassword, userLogin, userAcc };
};

при неправльном вводе email или пароль на сервере выдает ошибку, так вот можно ли как эту ошибку отлавить на клиенте и вывести сообщение вalert или куда-то в другое место как в выше закмментированном коде !

Comments

[Orion Orion]

низкомолекулярный макрос, логический и числовой тип проще говоря вот ошибка "This condition will always return 'false' since the types 'boolean' and 'number' have no overlap." и ответа не бывает при данном условии я имею ввиду repnse его как будто нету/////*

[Orion Orion]

низкомолекулярный макрос, на TS такое не работает

[Алексей]

У вас AuthService.login это кастомный метод, что внутри него происходит? Вангую, что там уже обработка статуса происходит и возвращает он наружу только сами данные.

[Orion Orion]

Алексей,

import axios, { AxiosResponse } from 'axios';
import { AuthResponse } from '../models/AuthResponse';
import { API_URL } from './index';
import { IRegistration } from '../models/Registr';

export default class AuhtService {
  static async login(email: string, password: string): Promise<AxiosResponse<AuthResponse>> {
    return axios.post<AuthResponse>(`${API_URL}/user/login`, {
      email,
      password,
    });
  }

  static async registration(
    name: string,
    email: string,
    password: string,
    role: string,
  ): Promise<AxiosResponse<AuthResponse>> {
    return axios.post(`${API_URL}/user/registration`, {
      name,
      email,
      password,
      role,
    });
  }
}

угадал!
так как лучше сделать?