Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Wrong import for 'react-portal'

See original GitHub issue

The Portal is imported as a default import:

This probably works with the non-es version of the package, however if you use the es-bundle this will crash the build. The correct way to import ‘react-portal’ is (

import { Portal } from 'react-portal';

Changing this, will fix the build.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Comments:7 (4 by maintainers)

github_iconTop GitHub Comments

jfrolichcommented, Aug 9, 2018

It’s not, it includes backward compatibility for React 15.x.

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to correct React Portal error: Target container is not a ...
The console.log reports correctly that the element is a DOM element but React is throwing an error. import "./styles.css" ...
Read more >
Portals - React
Portals provide a first-class way to render children into a DOM node that exists outside the DOM hierarchy of the parent component. ReactDOM.createPortal(child ......
Read more >
react-portal - npm
Start using react-portal in your project by running `npm i react-portal`. ... import { Portal } from 'react-portal'; <Portal> This text is ...
Read more >
How to Create Error Dialog with React Portal and Axios ...
Learn a global solution for error message dialogs with react portal. ... import { useSelector, useDispatch } from 'react-redux'.
Read more >
Trouble with @types/react - Blog
Let's start with a TypeScript module for a React Native component. There is an error with the code, can you spot it? //...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Post

No results found

github_iconTop Related Hashnode Post

No results found