fix(TextField): when inputValue is undefined, length check fails (#2603)

mondaycom · Nov 21, 2024 · ad98340 · ad98340
1 parent 00a9988
commit ad98340
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/core/src/components/TextField/TextField.tsx b/packages/core/src/components/TextField/TextField.tsx
@@ -244,7 +244,7 @@ const TextField: VibeComponent<TextFieldProps, unknown> & {
     }, [disabled, clearOnIconClick, onIconClick, currentStateIconName, controlled, onChangeCallback, clearValue]);
 
     const validationClass = useMemo(() => {
-      if (typeof maxLength === "number" && inputValue.length > maxLength) {
+      if (typeof maxLength === "number" && inputValue && inputValue.length > maxLength) {
         return FEEDBACK_CLASSES.error;
       }
 
@@ -253,7 +253,7 @@ const TextField: VibeComponent<TextFieldProps, unknown> & {
       }
       const status = isRequiredAndEmpty ? "error" : validation.status;
       return FEEDBACK_CLASSES[status];
-    }, [validation, isRequiredAndEmpty, inputValue]);
+    }, [maxLength, validation, isRequiredAndEmpty, inputValue]);
 
     const hasIcon = iconName || secondaryIconName;
     const shouldShowExtraText = showCharCount || (validation && validation.text) || isRequiredAndEmpty;