React - Warning: React.createElement: type should not be null, undefined, boolean, or number

Question

I am trying to implement this chart in my project

In my React application i have created this component called ChartsGrid where i am importing LineChart from './d3/LineChart' with his subcomponents HorizontalAxis, VerticalAxis and LinePlot

The state of the data is built correctly, i see it in the console

import React from 'react';
import Chart from './Chart';
import LineChart from './d3/LineChart';

export default class ChartsGrid extends React.Component{

  render() {

    const view = [480, 320];
    const trbl = [0, 0, 0, 0]
    const horizontalAxisHeight = 30;
    const verticalAxisWidth = 42;
    const { data } = this.props;

    return (
      <div className="grid">
          <LineChart {...{view, trbl, data, horizontalAxisHeight, verticalAxisWidth}} />
      </div>
    )
  }
};

i am getting this error in the console

It is complaining of my render method in ChartsGrid and i do not really understand what can be wrong. All the settings up seems fine to me, in the previous codepen example the only difference is that it is rendering the linechart data in setTimeout function.

What am i doing potentially wrong here?

MoeSattler · Accepted Answer · 2016-12-08 19:19:27Z

2

Add a console.log('!!!!', LineChart) and see if it is defined. Maybe you made a mistake importing/exporting

answered Dec 8, 2016 at 19:19

MoeSattler

6,9148 gold badges27 silver badges44 bronze badges

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

1 Comment

markerikson Over a year ago

Yep, import/export mismatches are the most common reason for this error. Given that <LineChart> is the only other thing being rendered, odds are it's not being imported properly.

Collectives™ on Stack Overflow

React - Warning: React.createElement: type should not be null, undefined, boolean, or number

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