Aswin: Improved UX by clearing field-specific error messages on input change

Author: Aswin Tony

src/components/SocialArchitecture/RequestResources.jsx

@@ -20,7 +20,18 @@ function RequestResources() {
 
   const handleChange = e => {
     const { name, value } = e.target;
+
+    // Update form data
     setFormData({ ...formData, [name]: value });
+
+    // Clear error for this specific field when user types or selects a valid value
+    if (errors[name]) {
+      setErrors(prevErrors => {
+        const updatedErrors = { ...prevErrors };
+        delete updatedErrors[name];
+        return updatedErrors;
+      });
+    }
   };
 
   const handleFileChange = e => {