Custom error management & some improvements

hooks/useToastOnLoad.ts

@@ -0,0 +1,39 @@
+import { useEffect, useRef } from "react";
+import { useToast, ToastId, UseToastOptions } from "@chakra-ui/react";
+
+const useToastOnLoad = ({
+    title,
+    description,
+    status,
+    updateDeps
+}: {
+    title: string,
+    description?: string
+    status: "info" | "warning" | "success" | "error",
+    updateDeps?: any
+}): void => {
+    const toast = useToast();
+    const toastId = useRef<ToastId | null>();
+
+    useEffect(() => {
+        if (!description)
+            return;
+
+        const toastOptions: UseToastOptions = {
+            title,
+            description,
+            status,
+            duration: null,
+            isClosable: true,
+            onCloseComplete: () => {
+                toastId.current = null
+            }
+        };
+
+        if (toastId.current)
+            return toast.update(toastId.current, toastOptions);
+        toastId.current = toast(toastOptions);
+    }, [toast, title, description, status, updateDeps]);
+}
+
+export default useToastOnLoad;