Toast not displaying on first page render inside useEffect

[xoldd]

Basically I'm running the toast function returned by useToast hook inside a useEffect hook to display the toast on first page hydration. But it's not working.

Here's the codesandbox link:- https://codesandbox.io/p/sandbox/focused-ioana-eogv5v