Блог

Не совсем уверен, что вызывает эту ошибку, когда я ввожу неправильный пароль. Я продолжаю получать эту ошибку, даже если добавляю любой тип для ошибки

 import React from 'react';
import { AxiosResponse } from 'axios';
import { Message } from 'semantic-ui-react';

interface IProps {
  error: AxiosResponse;
  text?: string;
}

const ErrorMessage: React.FC<IProps> = ({ error, text }) => {
  return (
    <Message error>
      <Message.Header>{error.statusText}</Message.Header>
      {error.data amp;amp; Object.keys(error.data.errors).length > 0 amp;amp; (
        <Message.List>
          {Object.values(error.data.errors).flat().map((err, i) => (
            <Message.Item key={i}>(err: any, i)</Message.Item>
          ))}
        </Message.List>
      )}
      {text amp;amp; <Message.Content content={text} />}
    </Message>
  );
};

export default ErrorMessage;

  

Вы получаете эту ошибку, потому что error.data.errors не определено.

Попробуйте заменить

 error.data amp;amp; Object.keys(error.data.errors)
  

с

 error.data amp;amp; error.data.errors amp;amp; Object.keys(error.data.errors)