Create Next App

UseActionTestMutation - useAction(testAction)

Text

{
    "status": "idle"
}

RawTestMutationRaw inline call testAction(....)

Text to send:

<form action=x without any extras

Check the network tab and the server console to see that we called this. If you don not pass an input, it will fail validation and not reach the procedure.

<form> with useAction

Check the console for the logger output.

{
    "status": "idle"
}

<form> with react-hook-form (verbose)

Check the console for the logger output.

Form state

{
    "formState": {
        "isSubmitting": false
    }
}

Mutation state

{
    "status": "idle"
}

<form> with react-hook-form factory

This is a playground for an imaginary form abstraction

Form state

FormState

IsSubmitting? no
Field value:

Action state

{
    "status": "idle"
}

Render count

Render count: 1