[FEATURE] [v7] Support stateful actions using React useActionState hook

[TheEdoRan]

useActionState will replace the previous useFormState hook. When the new hook will be available in Next.js, we can start working on the Form Actions support.

And since that useActionState will work both with and without form elements, it means that probably there's no need to introduce a new hook in next-safe-action. My current idea is to update useAction and useOptimisticAction hooks to use useActionState under the hood. Action signature will change if this will be the case, since the action requires previousState to be the argument placed between optional bind params and form data, in the function called by the client.

UPDATE: implemented stateful action support in the library via stateAction instance method and useStateAction hook. Updated useOptimisticAction API too.

• useAction uses React's useTransition hook under the hood.
• useOptimisticAction uses React's useOptimistic hook under the hood.
• useStateAction uses React's useActionState hook under the hood.

When this PR gets merged, updated documentation will be available here:

• feat: support stateful actions via stateAction method and useStateAction hook #110

---

Please note that React's useActionState hook is available in Next.js since 14.3.0-canary version, so once the PR gets merged you are required to use a canary release. When the support for it will land in a Next.js stable version, the next branch of next-safe-action will be merged into main, and version 7 will be released with all the new features.

[TheEdoRan]

• Update React from 14898b6a9 to c3048aab4 vercel/next.js#64798 has been merged, which includes the new useActionState hook, so I'll probably be able to work on Form Actions support soon.