hey man , is does'n work ! ... how ?

[zdJOJO]

import ProgressiveImage   from "react-progressive-image-loading";
 <ProgressiveImage
          preview="/src/preview.jpg"
          src="/src/bk-1.jpg"
          transitionTime={500}
          transitionFunction="ease"
          render={(src, style) => <img src={src} style={style} />}
        />

warning.js:35 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 MyComponent.
in MyComponent
printWarning @ warning.js:35
warning @ warning.js:59
createElement @ ReactElementValidator.js:192
render @ index.jsx:30
(anonymous) @ ReactCompositeComponent.js:795
measureLifeCyclePerf @ ReactCompositeComponent.js:75
_renderValidatedComponentWithoutOwnerOrContext @ ReactCompositeComponent.js:794
_renderValidatedComponent @ ReactCompositeComponent.js:821
performInitialMount @ ReactCompositeComponent.js:361
mountComponent @ ReactCompositeComponent.js:257
mountComponent @ ReactReconciler.js:45
performInitialMount @ ReactCompositeComponent.js:370
mountComponent @ ReactCompositeComponent.js:257
mountComponent @ ReactReconciler.js:45
mountComponentIntoNode @ ReactMount.js:104
perform @ Transaction.js:143
batchedMountComponentIntoNode @ ReactMount.js:126
perform @ Transaction.js:143
batchedUpdates @ ReactDefaultBatchingStrategy.js:62
batchedUpdates @ ReactUpdates.js:97
_renderNewRootComponent @ ReactMount.js:319
_renderSubtreeIntoContainer @ ReactMount.js:401
render @ ReactMount.js:422
./src/index.jsx @ index.jsx:54
webpack_require @ bootstrap 195e962419c58229becf:676
fn @ bootstrap 195e962419c58229becf:87
0 @ bundle.js:45254
webpack_require @ bootstrap 195e962419c58229becf:676
./node_modules/@blueprintjs/core/dist/accessibility/focusStyleManager.js.Object.defineProperty.value @ bootstrap 195e962419c58229becf:722
(anonymous) @ bootstrap 195e962419c58229becf:722
invariant.js:44 Uncaught Error: Element 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 MyComponent.
at invariant (invariant.js:44)
at instantiateReactComponent (instantiateReactComponent.js:74)
at instantiateChild (ReactChildReconciler.js:44)
at ReactChildReconciler.js:71
at traverseAllChildrenImpl (traverseAllChildren.js:77)
at traverseAllChildrenImpl (traverseAllChildren.js:93)
at traverseAllChildren (traverseAllChildren.js:172)
at Object.instantiateChildren (ReactChildReconciler.js:70)
at ReactDOMComponent._reconcilerInstantiateChildren (ReactMultiChild.js:185)
at ReactDOMComponent.mountChildren (ReactMultiChild.js:224)

[wcandillon]

@zdJOJO Could it be an issue with the import, maybe you can try:

import * as ProgressiveImage from "react-progressive-image-loading";

[zdJOJO]

i 've tried this way, but it also does not work. Thank you for your reply :)

[ChrisJamesC]

@zdJOJO could you please try to setup an example with https://stackblitz.com/ ?