bug: react-output-target not wrapper Ionic components since upgrade 0.7.4

[felipefialho]

Prerequisites

• I have read the Contributing Guidelines.
• I agree to follow the Code of Conduct.
• I have searched for existing issues that already report this problem, without success.

Stencil Version

4.22.3

Stencil Framework Output Target

React

Stencil Framework Output Target Version

0.7.4

Current Behavior

I have DS in Web Components using @ionic/core to provide wrappers to React and Vue. I am using react-ouput-target 0.5.3 and for now everything works but when I upgrade to 0.7.4 I am facing with some problems in components that use @ionic/core

Components that not uses @ionic/core is working fine

Expected Behavior

I need to keep the same current behavior

Steps to Reproduce

• Upgrade react-output-target to 0.7.4
• Update stencil.config to new approach
• Change tsconfig to

"module": "esnext",
"moduleResolution": "bundler",

• Generate just esm modules

Code Reproduction URL

• Modificated files
• Storybook preview

Additional Information

No response

[ionitron-bot]

Thanks for the issue!

This project is currently maintained for the purposes of supporting Ionic Framework. At this time, only new issues & pull requests that support Ionic Framework will be prioritized. For the latest updates regarding the maintenance status of this project, please see this section of the project's README

[christian-bromann]

@felipefialho thanks for raising the issue!

Steps to Reproduce

Mind providing a minimal GitHub project we can check out to debug this issue?

[felipefialho]

Hi @christian-bromann, I just opened a pull request to make it easier to check the changes

• Modificated files
• Storybook preview

Thanks!

[felipefialho]

@christian-bromann Does this help to debug this issue? Is there anything else I can do?

[christian-bromann]

@felipefialho It would be always helpful to make the reproduction case as small as possible but what you provided works to inspect the issue. I personally haven't had the time to look into it.

[felipefialho]

Just a update:
I try to bump @stencil/react-output-target to 0.8.2 but I keep with the same problem

[christian-bromann]

@felipefialho can you provide a minimal reproduction case?

[felipefialho]

@christian-bromann It's quite challenging to provide a minimal reproduction because the setup involves multiple dependencies and a lot of configurations. However, I can outline the key files and their roles in the project, which should help analyze the issue:

• packages/core/stencil.config.ts – Configures Stencil, including the react-output-target integration.
• packages/react/tsconfig.json – Manages TypeScript settings for transpiling React components to ESM.
• packages/core/src/global/global.ts – Loads @ionic/core globally.
• packages/core/src/components/button/button.tsx – Example of Stencil component that are using Ionic but is not working with react-output-target. you could check this working on Storybook
• packages/core/src/components/alert/alert.tsx – Example of Stencil component that does not use Ionic and works as expected, you could check this working on Storybook

This setup highlights that the issue might be related to the interaction between Stencil, Ionic, and react-output-target

Let me know if more details would help