Error AtlasError Documentation and Resolution
Back to searchMore React errors

React

Element type is invalid

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

React received an invalid component type, usually because a component import, export, or reference is wrong.

React error #130runtime

Observed message

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined.

Why it happens

  • A component was imported with the wrong default or named import syntax.
  • A component reference is undefined because the export is missing or incorrect.
  • A path points to the wrong file or an unresolved module.

How to fix it

  1. Check whether the component should be imported as a default or named export.
  2. Confirm the component is exported correctly from its source file.
  3. Verify import paths and ensure the referenced value is a valid component.

Official reference

React Docs: Minified React error #130

Related errors

React warningA component is changing an uncontrolled input to be controlledReact error #109A valid React element or null must be returnedReact error #185Can't perform a React state update on an unmounted componentReact error #201Invalid component element

Explore more

ReactBrowse more React errorsruntimeBrowse more runtime errors
React error #130 element type is invalid: causes and fixes | Error Atlas