Element type is invalid. React third party lib with class component.

[bohushvitali]

Issue when importing class components (that includes _createClass(... )) from third party library (processed by babel / rollup).
Functional components are imported ok.

Browser console:
Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: object.

Thoughts (not tested):
it may relate to esbuild params in snowpack
It may be fixed by applying
https://www.npmjs.com/package/babel-plugin-transform-react-class-to-function
here installOptions: { rollup: { plugins: [require('')()] } }

[drwpow]

Ah interesting. That tracks that we’d have trouble resolving some deep imports properly. Trying to upconvert React’s old CommonJS to ESM comes with some difficulty.

Maybe we should add that plugin to app-template-react and app-template-typescript? We do use Babel for those. Would love a PR if you’re able to provide one.

[andreykovalenko]

Could you advise how to configure the plugin with snowpack v3?

[pReya]

Got the same problem when using react-select. However I could not get babel-plugin-transform-react-class-to-function to work. Any example configs for this?