#110718ca7c73 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';
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';
#110718ca7c73 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';
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';
Implementation of the <Icon /> component which makes it easier to create (custom) icons from iconNodes.
This will be useful for external packages like @lucide/lab and more.
Example with lucide-react
import { burger } from '@lucide/lab';
import { Icon } from 'lucide-react';
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 ignore conditions` will show all of the ignore conditions of the specified dependency
- `@dependabot ignore major version` will close this group update PR and stop Dependabot creating any more for the specific dependency's major version (unless you unignore this specific dependency's major version or upgrade to it yourself)
- `@dependabot ignore minor version` will close this group update PR and stop Dependabot creating any more for the specific dependency's minor version (unless you unignore this specific dependency's minor version or upgrade to it yourself)
- `@dependabot ignore ` will close this group update PR and stop Dependabot creating any more for the specific dependency (unless you unignore this specific dependency or upgrade to it yourself)
- `@dependabot unignore ` will remove all of the ignore conditions of the specified dependency
- `@dependabot unignore ` will remove the ignore condition of the specified dependency and ignore conditions
Bumps the react group with 2 updates in the / directory: @astrojs/react and lucide-react.
Updates
@astrojs/react
from 3.3.0 to 3.4.0Release notes
Sourced from
@astrojs/react
's releases.... (truncated)
Changelog
Sourced from
@astrojs/react
's changelog.... (truncated)
Commits
5077592
[ci] release (#11116)7be7b1a
[ci] format8ca7c73
Actions: React 19 progressive enhancement support (#11071)cb2586f
fix(deps): update all non-major dependencies (#11015)e2cdd3c
[ci] release (#10985)4d16381
feat(package.json): removed wrong react types (#10986)770b9f0
[ci] release (#10944)f9b6f4f
chore(deps): update all non-major dependencies (#10958)cceeafb
[ci] formatd47baa4
Support React 19 (#10942)Updates
lucide-react
from 0.368.0 to 0.381.0Release notes
Sourced from lucide-react's releases.
... (truncated)
Commits
4f2a6b7
fix license typos (#2161)e2b46ea
feat(icons): add deprecationReason and alias deprecation feature (#1960)e50582e
feat(icon-component): Creating icons with iconNodes (#1997)09420cb
docs: Fix dark logo paths45e82a5
docs: Update readme files (#2102)ad7ae84
Split up workflows (#2093)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