Using useFormStatus() with a custom invoked Action

[winged pecan]

Basically im trying to track the pending status of a action without wrapping a submit button function in a form.

[weak sentinel]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[winged pecan]

How would that look like?

based on this i cant

[analog pilot]

you can't use useFormStatus there.

for custom invoked actions:

import { useTransition } from "react"

const [pending, startTransition] = useTransition()
startTransition(() => action())

[winged pecan]

thanks

@analog pilot so in this case pending will only change when the action returns right?

what about using revalidatePath

it doesnt track that or?

[analog pilot]

pending is equivalent to useFormStatus().pending here. it only becomes false when the whole network trip completes.

[analog pilot]

yes it works there as well

[winged pecan]

Thank you! works ❤️