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

2.14.1

Current Behavior

I created a simple web component without parameters but with a slot inside using stencil. This component is bundled using the @stencil/react-output-target package (0.3.1).

@Component({
  tag: 'tds-grid',
})
export class Grid {
render() {
  return (<div>
    <slot />
  </div>
);

When the children of the component change dynamically, we got the Failed to execute 'removeChild' on 'Node' error.

This issue has been listed in the ionic-framework projet and is reproductible with stencil.
ionic-team/ionic-framework#18782

Expected Behavior

=> should not generate a fatal error and content must be rerender without crashing.

Steps to Reproduce

1. Create a web component as describe in the current behaviour section
2. Generate this component for react using the @stencil/react-output-target package
3. Create a react application, import the generated react component and try to update the content of this component dynamically as it is described in the ionic framework issue bug: @ionic/react: ion-slides: Failed to execute 'removeChild' on 'Node' ionic-team/ionic-framework#18782

Code Reproduction URL

this code is easily reproductible => ionic-team/ionic-framework#18782

Additional Information

No response