Fix: Invalid hook call when user use export jsx function

[yuhang-dong]

Changes

• Update vite-plugin-jsx/tag.ts for understanding of export {X} , export const X, export default const X and so on. You can see the full list from astro/test/react-jsx-export.test.js and astro/test/fixtures/react-jsx-export
• The full export examples are reference MDN#export.syntax
• You can see more details from issue#4220. Close Invalid Hook Call in React #4220
• This cr is refers to pull#4385, but add tests and support for Anonymous Function Default Export and Anonymous Arrow Function Default Export.

Testing

You can see the full tests from astro/test//react-jsx-export.test.js and astro/test/fixtures/react-jsx-export.

The test will prevent react warning like below:

Warning: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
1. You might have mismatching versions of React and the renderer (such as React DOM)
2. You might be breaking the Rules of Hooks
3. You might have more than one copy of React in the same app
See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem.`

Docs

This is not affect a user's behavior, so we don't need to update docs.

[changeset-bot]

🦋 Changeset detected

Latest commit: b1c1b55

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 16 packages

Name	Type
astro	Patch
@e2e/astro-component	Patch
@e2e/error-cyclic	Patch
@e2e/error-react-spectrum	Patch
@e2e/error-sass	Patch
@e2e/errors	Patch
@e2e/hydration-race	Patch
@e2e/lit-component	Patch
@e2e/preact-component	Patch
@e2e/react-component	Patch
@e2e/solid-component	Patch
@e2e/solid-recurse	Patch
@e2e/svelte-component	Patch
@e2e/e2e-tailwindcss	Patch
@e2e/ts-resolution	Patch
@e2e/third-party-astro	Patch

Not sure what this means? Click here to learn what changesets are.

Click here if you're a maintainer who wants to add another changeset to this PR

[matthewp]

Blocking because this is marked as major.

[matthewp]

Why is this marked as major? Was that a mistake? I think this can be a patch because it fixes a bug, right?

[yuhang-dong]

You're right! Accepted

[matthewp]

Thanks so much, this looks great! Love all the tests.

[natemoo-re]

This is amazing, thank you for the fix! If you can mark this as patch we'll get this released ASAP.

[yuhang-dong]

CI / Test: macos-latest (node@14) Failed for Error: Timeout of 20000ms exceeded.
And CI / Test: windows-latest (node@14) kept hanging up.
Could you give me some suggestions to solve these problems？ @matthewp @natemoo-re
Thanks!

[matthewp]

@yuhang-dong these tests can be flakey, I think I just need to rerun it.