throws error on empty login details

src/component/auth/Login2.jsx

@@ -26,11 +26,14 @@ export default function Login() {
 
   const login = useMutation({
     mutationFn: (fields) => {
-      return loginUser('panel/auth/login', fields)
+        if(!fields.username || !fields.password){
+            throw new Error('Please provide all fields marked *')
+        }
+        return loginUser('panel/auth/login', fields)
     },
     onError: (error) => {
-        console.log('error', error)
-      },
+        console.log(error)
+    },
       onSuccess: (res) => {
         const {token} = res?.data?.data
         if(token){
@@ -39,7 +42,7 @@ export default function Login() {
             dispatch(updateUserDetails({ ...data }));
             navigate('/dash') // later add redux to dispatch state
         }
-      }
+    }
   })
 
   return (
@@ -82,7 +85,7 @@ export default function Login() {
                                                 {login.error &&
                                                 <>
                                                  <div className="col-12  mt-3">
-                                                    <p className='text-danger'>Unable to login, try agian!</p>
+                                                    <p className='text-danger'>{login.error.message}</p>
                                                 </div>
                                                 </>
                                                 }