Skip to content

Console error while using Popover component on a React 16 application #7

@nandukalidindi

Description

@nandukalidindi

The error is two phased.

  • propTypes error on the react-overlays component because older version of it is used

  • After upgrading the react-overlays component to it's latest then in the application this error is thrown in the console. Also instead of showing a popover the application is navigated to a blank page.

invariant.js:42 Uncaught Error: _processChildContext is not available in React 16+. This likely means you have multiple copies of React and are attempting to nest a React 15 tree inside a React 16 tree using unstable_renderSubtreeIntoContainer, which isn't supported. Try to make sure you have only one copy of React (and ideally, switch to ReactDOM.createPortal).
    at invariant (invariant.js:42)
    at Object.value (react-dom.development.js:6177)
    at Object._renderSubtreeIntoContainer (ReactMount.js:357)
    at Object.renderSubtreeIntoContainer [as unstable_renderSubtreeIntoContainer] (ReactMount.js:340)
    at Portal._this._renderOverlay (LegacyPortal.js:75)
    at Portal.componentDidMount (LegacyPortal.js:97)
    at commitLifeCycles (react-dom.development.js:8798)
    at commitAllLifeCycles (react-dom.development.js:9967)
    at HTMLUnknownElement.callCallback (react-dom.development.js:540)
    at Object.invokeGuardedCallbackDev (react-dom.development.js:579)

screen shot 2017-11-16 at 11 59 40 am

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions