Merge remote-tracking branch 'origin/main' into v4

Author: amannn

examples/example-app-router-playground/src/app/[locale]/actions/ZodForm.tsx

@@ -1,7 +1,6 @@
 'use client';
 
-import {ReactNode} from 'react';
-import {useFormState} from 'react-dom';
+import {ReactNode, useActionState} from 'react';
 import {FormResult} from './ZodFormExample';
 
 type Props = {
@@ -10,7 +9,7 @@ type Props = {
 };
 
 export default function ZodForm({action, children}: Props) {
-  const [state, formAction] = useFormState(action, null);
+  const [state, formAction] = useActionState(action, null);
   const hasErrors = state && !state.success;
 
   return (

examples/example-app-router-without-i18n-routing/src/app/login/LoginForm.tsx

@@ -1,7 +1,6 @@
 'use client';
 
-import {ReactNode} from 'react';
-import {useFormState} from 'react-dom';
+import {ReactNode, useActionState} from 'react';
 import LoginFormErrors from './LoginFormErrors';
 import {LoginFormResult} from './page';
 
@@ -16,7 +15,7 @@ export default function LoginForm({
   header: ReactNode;
   submit: ReactNode;
 }) {
-  const [state, formAction] = useFormState(action, null);
+  const [state, formAction] = useActionState(action, null);
 
   return (
     <form