Bump @astrojs/react from 3.3.4 to 3.4.0

[dependabot]

Bumps @astrojs/react from 3.3.4 to 3.4.0.

Release notes

Sourced from @​astrojs/react's releases.

@​astrojs/react@​3.4.0

Minor Changes

• #11071 8ca7c73 Thanks @​bholmesdev! - Adds two new functions experimental_getActionState() and experimental_withState() to support the React 19 useActionState() hook when using Astro Actions. This introduces progressive enhancement when calling an Action with the withState() utility.

  This example calls a like action that accepts a postId and returns the number of likes. Pass this action to the experimental_withState() function to apply progressive enhancement info, and apply to useActionState() to track the result:

  import { actions } from 'astro:actions';
  import { experimental_withState } from '@astrojs/react/actions';
  export function Like({ postId }: { postId: string }) {
  const [state, action, pending] = useActionState(
  experimental_withState(actions.like),
  0 // initial likes
  );
  return (
  <form action={action}>
  <input type="hidden" name="postId" value={postId} />
  <button disabled={pending}>{state} ❤️</button>
  </form>
  );
  }

  You can also access the state stored by useActionState() from your action handler. Call experimental_getActionState() with the API context, and optionally apply a type to the result:

  import { defineAction, z } from 'astro:actions';
  import { experimental_getActionState } from '@astrojs/react/actions';
  export const server = {
  like: defineAction({
  input: z.object({
  postId: z.string(),
  }),
  handler: async ({ postId }, ctx) => {
  const currentLikes = experimental_getActionState<number>(ctx);
  // write to database
  return currentLikes + 1;
  },
  }),
  };

Changelog

Sourced from @​astrojs/react's changelog.

3.4.0

Minor Changes

• #11071 8ca7c73 Thanks @​bholmesdev! - Adds two new functions experimental_getActionState() and experimental_withState() to support the React 19 useActionState() hook when using Astro Actions. This introduces progressive enhancement when calling an Action with the withState() utility.

  This example calls a like action that accepts a postId and returns the number of likes. Pass this action to the experimental_withState() function to apply progressive enhancement info, and apply to useActionState() to track the result:

  import { actions } from 'astro:actions';
  import { experimental_withState } from '@astrojs/react/actions';
  export function Like({ postId }: { postId: string }) {
  const [state, action, pending] = useActionState(
  experimental_withState(actions.like),
  0 // initial likes
  );
  return (
  <form action={action}>
  <input type="hidden" name="postId" value={postId} />
  <button disabled={pending}>{state} ❤️</button>
  </form>
  );
  }

  You can also access the state stored by useActionState() from your action handler. Call experimental_getActionState() with the API context, and optionally apply a type to the result:

  import { defineAction, z } from 'astro:actions';
  import { experimental_getActionState } from '@astrojs/react/actions';
  export const server = {
  like: defineAction({
  input: z.object({
  postId: z.string(),
  }),
  handler: async ({ postId }, ctx) => {
  const currentLikes = experimental_getActionState<number>(ctx);
  // write to database
  return currentLikes + 1;
  },
  }),
  };

Commits

• 5077592 [ci] release (#11116)
• 7be7b1a [ci] format
• 8ca7c73 Actions: React 19 progressive enhancement support (#11071)
• cb2586f fix(deps): update all non-major dependencies (#11015)
• See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

---

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

• @dependabot rebase will rebase this PR
• @dependabot recreate will recreate this PR, overwriting any edits that have been made to it
• @dependabot merge will merge this PR after your CI passes on it
• @dependabot squash and merge will squash and merge this PR after your CI passes on it
• @dependabot cancel merge will cancel a previously requested merge and block automerging
• @dependabot reopen will reopen this PR if it is closed
• @dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
• @dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
• @dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
• @dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)