[ionic v4 with react] Integrating @ionic/core 4.0 beta defineCustomElements error

Hi everyone,

I’m having issues integrating Ionic Web Components to a React project.

So far, I have followed these instructions: https://stenciljs.com/docs/framework-integration/#react

However, I get an error saying that defineCustomElements is not a function?

Error screenshot

Sandbox code

[ferparra]

Oh, I see… thanks! (I was also driving insane).

Yeah, it’s confusing. My understanding is that thanks to Ionic 4 components being developed in Stencil, they should be framework agnostic. Seems like that’s not entirely true.

[Hotell]

yup same issue here.

Here is why is this happening:

• if you’re using webpack or rollup, they’ll consume module package.json field, which points to es2015 module files ( not es5 )

which doesn’t export defineCustomElements. This function is exported only from the main bundle, which is wrong.

Quick Fix

hope this is gonna be resolved sooner than later ✌️