bug: typings and autocompletion for react component props don't work

[shabetya]

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.7.2 (and latest the same)

Stencil Framework Output Target

React

Stencil Framework Output Target Version

0.8.2

Current Behavior

Generated react components don't have typings and autocompletion for available properties. Checked in WebStorm and VSCode as well.
In general, component is functional and consumes properties, but properties are not hinted.

Expected Behavior

Developer can see component props and types. The attached screenshot is from Stencil v2 React library as example

Steps to Reproduce

Reproduced by following official documentation without any changes.

Created Lerna monorepo.
Stencil library package
React library.
Default MyComponent with 3 props first, middle and last.

Vite React as project consumer.

Code Reproduction URL

https://github.com/shabetya/stencilReact

Additional Information

The issue is also reproduceable on the last version of Stencil core 4.23.2

[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

[ionitron-bot]

This issue has been labeled as help wanted. This label is added to issues that we believe would be good for contributors.

If you'd like to work on this issue, please comment here letting us know that you would like to submit a pull request for it. This helps us to keep track of the pull request and make sure there isn't duplicated effort.
Thank you!