[Fleet] Do not show error state on input if there are no errors

elastic · May 9, 2023 · 71e4f5a · 71e4f5a
1 parent 352c8d8
commit 71e4f5a
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/...create_package_policy_page/components/steps/components/package_policy_input_var_field.tsx b/...create_package_policy_page/components/steps/components/package_policy_input_var_field.tsx
@@ -60,7 +60,7 @@ export const PackagePolicyInputVarField: React.FunctionComponent<{
   }) => {
     const [isDirty, setIsDirty] = useState<boolean>(false);
     const { multi, required, type, title, name, description, options } = varDef;
-    const isInvalid = (isDirty || forceShowErrors) && !!varErrors;
+    const isInvalid = (isDirty || forceShowErrors) && !!varErrors?.length;
     const errors = isInvalid ? varErrors : null;
     const fieldLabel = title || name;
     const fieldTestSelector = fieldLabel.replace(/\s/g, '-').toLowerCase();