Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/function but got: object

Question

I am getting this error:

Uncaught Error: Invariant Violation: Element type is invalid: expected a string (for built-in components) or a class/funct

Answer 1

In my case it ended up being the outer component imported like this:

import React, { Component } from 'react';

and then declared like:

export default class MyOuterComponent extends Component {

where an inner component imported the React bare:

import React from 'react';

and dotted into it for declaration:

export default class MyInnerComponent extends ReactComponent {