Reactjs TypeError:无法将未定义或null转换为需要澄清的对象

当我输入错误的密码时，我不确定是什么导致了这个错误。即使我为错误添加了任何类型，我也会不断收到此错误

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 && Object.keys(error.data.errors).length > 0 && (
        <Message.List>
          {Object.values(error.data.errors).flat().map((err, i) => (
            <Message.Item key={i}>(err: any, i)</Message.Item>
          ))}
        </Message.List>
      )}
      {text && <Message.Content content={text} />}
    </Message>
  );
};

export default ErrorMessage;

从“React”导入React；
从“axios”导入{AxiosResponse}；
从“语义ui反应”导入{Message}；
接口IProps{
错误：AxiosResponse；
文本？：字符串；
}
常量ErrorMessage:React.FC=（{error，text}）=>{
返回(
{error.statusText}
{error.data&&Object.keys（error.data.errors）.length>0&&(
{Object.values（error.data.errors）.flat（）.map（（err，i）=>(
（错误：任何，我）
))}
)}
{text&&}
);
};
导出默认错误消息；
您收到此错误是因为
error.data.errors
未定义

试着替换

error.data && Object.keys(error.data.errors)

与

请将错误信息包含为文字，而不是文字图片。非常感谢！！！这对我来说是个问题有一段时间了
error.data && error.data.errors && Object.keys(error.data.errors)