twobin / twobin/react-lazyload

CSSTransitionGroup demo not working with react-lazyload@2.0

Open
#141 7 comments 0 reactions 0 assignees View on GitHub
Dominant language
JavaScript
Stars
5.9k
Forks
485
PR merge metrics
No merged PRs in 30d

Description

I was trying to get the CSSTransitionDemo working as shown here
https://jasonslyvia.github.io/react-lazyload/examples/#/fadein

For some reason, although there were no errors, the images would not actually fade in, but would still just "pop in".

I thought upgrading to v2.0 of **react-lazyload** might help but instead it showed an error in the console.

Here is my code
```javascript


{ Card.generateImage(this.props.imgSource, this.props.imgAlt) }

```

Here is the error I am seeing in the browser
```
6warning.js:33 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 `Card`.
in Card (created by EventsList)
in div (created by EventsList)
in div (created by EventsList)
in div (created by EventsList)
in EventsList (created by NavigationBar)
in div (created by NavigationBar)
in div (created by TabPane)
in Transition (created by Fade)
in Fade (created by TabPane)
in TabPane (created by Tab)
in Tab (created by NavigationBar)
in div (created by TabContent)
in TabContent (created by Tabs)
in div (created by Tabs)
in TabContainer (created by Tabs)
in Tabs (created by Uncontrolled(Tabs))
in Uncontrolled(Tabs) (created by NavigationBar)
in div (created by NavigationBar)
in div (created by NavigationBar)
in NavigationBar (created by Home)
in div (created by Home)
in Home (created by Bootstrap)
in div (created by Bootstrap)
in Bootstrap
```

Thanks for this great package, the `` component is working quite well for!

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.