Toast after success in Remix?

[deadcoder0904]

I have a /settings page & I want to show a toast message after success.

I tried doing it in action like:

// in action
toast.success("Settings successfully updated!!!")
return null

// in ui
return <Toaster position="top-center" />

but it didn't work.

why?

curious where to put a toast?

[deadcoder0904]

found the solution:

// in loader
return json({ result: submission.reply() })

// in ui
React.useEffect(() => {
      if (actionData?.result.status === "success") {
          toast.success("Settings successfully updated!!!")
      }
}, [actionData?.result])