Fix invalid hook usage for exports

[krolebord]

Changes

Closes #4220

Fixes warning when using hooks inside the react components not exported as a function declaration

Adds proper support for react components exported as

// named arrow expression
export const X = () => {...}; 

function Y1 () {...}
const Y2 = () => {...};

// Export default
export default Y2;

// Export specifiers
export { Y1 as Comp, Y2 }

// Export default object
export default { Y1, Y2 }

Testing

Tested manually.
I would like to add tests if needed, just unsure of how to test for warnings in the build output

Docs

No changes in docs needed

[changeset-bot]

🦋 Changeset detected

Latest commit: d3f0fcc

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

This PR includes changesets to release 13 packages

Name	Type
astro	Patch
@e2e/astro-component	Patch
@e2e/error-react-spectrum	Patch
@e2e/error-sass	Patch
@e2e/errors	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

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]

@krolebord Does this prevent a warning?

[krolebord]

@krolebord Does this prevent a warning?

@matthewp It does, tested it on my project, and the build completed without any warnings

Before

▶ src/pages/meet-the-team.astro
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.
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.
  └─ /meet-the-team/index.html (+26ms)

After

▶ src/pages/meet-the-team.astro
  └─ /meet-the-team/index.html (+24ms)

[krolebord]

Also added support for:

const X = () => {};
export default X;

And

function X() {}
export default X