[Typo]: In code example of server actions  #6821

Activity

1. patelvivekdev

   added

   type: typos

   on May 1, 2024
2. ijayhub commented on May 27, 2024

   

   ijayhub

   on May 27, 2024

   More actions

   hello,
   is it valid?
3. patelvivekdev commented on May 27, 2024

   

   patelvivekdev

   on May 27, 2024

   Author

   More actions

   "use server";
   
   export async function updateName(name) {
     if (!name) {
       return {error: 'Name is required'};
     }
     await db.users.updateName(name);
   }
   

   "use client";
   
   import {updateName} from './actions';
   
   function UpdateName() {
     const [name, setName] = useState('');
     const [error, setError] = useState(null);
   
     const [isPending, startTransition] = useTransition();
   
     const submitAction = async () => {
       startTransition(async () => {
         const {error} = await updateName(name);
         if (!error) {
           setError(error);
         } else {
           setName('');
         }
       })
     }
     
     return (
       <form action={submitAction}>
         <input type="text" name="name" disabled={isPending}/>
         {error && <span>Failed: {error}</span>}
       </form>
     )
   }
   
4. devserkan commented on Jun 17, 2024

   

   devserkan

   on Jun 17, 2024

   More actions

   I came here to create an issue for the same code, but we already have one. I know the example is kind of pseudo-code (we are not controlling the input, there is no submit button, etc.), but even with this, it should be error-free, I guess. There is one more mistake apart from state.error, which is

   if (!error) {
     setError(error);
   ...
   

   it should be

   if (error) {
     setError(error);
   ...
   

   👍React with 👍1Reacted by Vivek Patel
5. aurorascharff commented on Nov 7, 2026

   

   aurorascharff

   on Nov 7, 2026

   Collaborator

   More actions

   Thanks for the report and discussion! The current example renders error directly, updates the error state, and clears the name only when there is no error. Closing this as resolved.
6. aurorascharff

   closed this as completedon Nov 7, 2026