Rendering an Astro container that contains a React component with a client:load directive errors

[ezhangy]

Astro Info

Astro                    v4.11.3
Node                     v20.12.0
System                   macOS (arm64)
Package Manager          npm
Output                   static
Adapter                  none
Integrations             @astrojs/react

If this issue only occurs in one browser, which browser is a problem?

No response

Describe the Bug

When I try to use the container API to test an Astro component containing a React component with a client:load directive, I get the following error:
Error: invalid hydration directive "client:load". Supported hydration methods:.

The error can be seen by running npm run test in the stackblitz example.

What's the expected result?

I expect the vitest test to run without throwing the error.

Link to Minimal Reproducible Example

https://stackblitz.com/edit/github-39gesu?file=src%2Ftest%2Fexample.test.tsx

Participation

• I am willing to submit a pull request for this issue.