Feature: Ensure better compatibility in astro-angular integration with JSX components using TypeScript

Which scope/s are relevant/related to the feature request?

astro-angular

Information

To improve compatibility, add and example React component with a tsx file extension to the astro-app project. This provides a use case of using Angular components in Astro alongside other components, which can produce type errors today.

This will help fix these incompatibilities or help provide patches upstream. The main issue is that the esbuild compiler plugin we're using to optimize dependencies is picking up tsx files and trying to compile them even though they aren't imported anywhere outside of .astro files. I believe this is due to .astro files being compiled into TypeScript code, and therefore introducing an import internally that the compilation is picking up.

Describe any alternatives/workarounds you're currently using

No response

I would be willing to submit a PR to fix this issue

• Yes
• No