"React.createElement: type is invalid" after upgrading to 5.0

[nlfiedler]

Code works fine with version 4.1.3, but raises an error in 5.0:

Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object.

Check the render method of `ThumbnailImage`.
    in ThumbnailImage (created by ThumbnailColumn)
    in div (created by ThumbnailColumn)
    in div (created by Box)
    in Box (created by withHelpersModifiers(Box))
    in withHelpersModifiers(Box) (created by ThumbnailColumn)
    in div (created by ThumbnailColumn)
    in ThumbnailColumn (created by Connect(ThumbnailColumn))
    in Connect(ThumbnailColumn) (created by AssetPage)
    in div (created by AssetPage)
    in div (created by AssetPage)
    in AssetPage (created by Route)
    in Route (created by App)
    in div (created by App)
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by App)
    in App
    in Provider

Using Electron 1.8.8 (Node.js v8.2.1), react(-dom) 16.6.3. Code looks like this:

    const figure = (<div>hello</div>)
    return React.createElement(VisibilitySensor, {
      onChange: this.onVisibilityChange,
      partialVisibility: true
    }, figure)

I substituted the example from the README, but that didn't make a difference.

[markuskr]

How do you import VisibilitySensor ?

[nlfiedler]

That's a good question, sorry for not mentioning that -- it's just like the example:

const VisibilitySensor = require('react-visibility-sensor')

[markuskr]

One change from 4.1.X to 5.0.0 was the way VisibilitySensor is exported. In 5.0.0 the class is exported as default:

export default class VisibilitySensor extends React.Component {

Does it work for you if you change your import to:
const VisibilitySensor = require('react-visibility-sensor').default?

[nlfiedler]

That does indeed resolve the issue, thank you. So does that mean the example in the README needs to be updated?

[markuskr]

Created #146

[ahmadsaeed90]

Thank you @markuskr . It worked for me too.

[LeonBorWork]

I had to switch from

import * as VisibilitySensor from "react-visibility-sensor";

to

import VisibilitySensor from "react-visibility-sensor";

works fine now