if have't any bucket user can't create contacts

src/pages/Directory/Directory.jsx

@@ -229,19 +229,21 @@ const handleDeleteContact = async (overrideId = null) => {
     color:"primary",
     onClick: () => setOpenBucketModal(true),
   });
-  }
+   }
-    actions.push({
+   if ( buckets?.length > 0 )
-      label: "New Contact",
+   {
-      icon: "bx bx-plus-circle",
+     actions.push( {
-      color: "warning",
+       label: "New Contact",
-      onClick: () => setIsOpenModal(true),
+       icon: "bx bx-plus-circle",
-    } );
+       color: "warning",
-  
+       onClick: () => setIsOpenModal( true ),
+     } );
+   }
 
   setActions(actions);
 
   return () => setActions([]); 
-}, [IsPage]);
+}, [IsPage,buckets]);
   useEffect( () =>
   {
   setPerfence(prefernceContacts)