TypeError: Cannot convert undefined or null to object NEED Clarification

Question

Not really sure what's causing this error when I am typing in the wrong password. I keep getting this error even if I add an any type for the error

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;

Please include error messages as text, not as pictures of text. — Heretic Monkey
– Heretic Monkey, Commented Sep 14, 2020 at 17:46

klugjo · Accepted Answer · 2020-09-14 17:52:38Z

1

You are getting this error because error.data.errors is undefined.

Try replacing

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

with

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

answered Sep 14, 2020 at 17:52

klugjo

21k10 gold badges65 silver badges83 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Mostlyrice Over a year ago

Thank you so much!!! This has been a problem for me for awhile

Collectives™ on Stack Overflow

TypeError: Cannot convert undefined or null to object NEED Clarification

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related