diff --git a/src/pages/master/provider/blocks/AddDialog.tsx b/src/pages/master/provider/blocks/AddDialog.tsx
index 87908cb..f590e86 100644
--- a/src/pages/master/provider/blocks/AddDialog.tsx
+++ b/src/pages/master/provider/blocks/AddDialog.tsx
@@ -81,27 +81,30 @@ const AddDialog = () => {
     setAlert({ show: false, message: '' });
   };
 
-  const doCreateProvider = useCallback(async (e: React.FormEvent<HTMLFormElement>) => {
-    e.preventDefault();
+  const doCreateProvider = useCallback(
+    async (e: React.FormEvent<HTMLFormElement>) => {
+      e.preventDefault();
 
-    const response = await PostData(`${API_URL_MASTERDATA}/provider/create`, formField);
+      const response = await PostData(`${API_URL_MASTERDATA}/provider/create`, formField);
 
-    if (response?.status) {
-      resetForm();
-      handleAddDialog(false);
-      toast.success('Success Create Provider');
-      reload();
-    } else {
-      toast.error('Failed Create Provider');
-      setAlert({ show: true, message: 'Failed Create Provider' });
-    }
-  }, []);
+      if (response?.status) {
+        resetForm();
+        handleAddDialog(false);
+        toast.success('Success Create Provider');
+        reload();
+      } else {
+        toast.error('Failed Create Provider');
+        setAlert({ show: true, message: 'Failed Create Provider' });
+      }
+    },
+    [formField]
+  );
 
   const handleSubmit = (e: React.FormEvent<HTMLFormElement>) => {
     e.preventDefault();
 
     if (
-      formField.name === '' ||
+      formField.name.trim() === '' ||
       formField.description.trim() === '' ||
       formField.type.trim() === '' ||
       formField.status.trim() === '' ||
@@ -160,7 +163,7 @@ const AddDialog = () => {
         created_at: formattedTime
       });
     }
-  }, [formattedTime]);
+  }, [formattedTime, parsedUser.username, showAddDialog]);
 
   useEffect(() => {
     getCustomerList([{ id: 'id', desc: false }]);