back to isBeforeProcessing

woocommerce · Aug 9, 2021 · f767898 · f767898
1 parent ccae990
commit f767898
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/assets/js/base/components/text-input/validated-text-input.tsx b/assets/js/base/components/text-input/validated-text-input.tsx
@@ -65,7 +65,7 @@ const ValidatedTextInput = ( {
 		getValidationErrorId,
 	} = useValidationContext();
 
-	const { onCheckoutValidationBeforeProcessing } = useCheckoutContext();
+	const { isBeforeProcessing } = useCheckoutContext();
 
 	const textInputId =
 		typeof id !== 'undefined' ? id : 'textinput-' + instanceId;
@@ -118,10 +118,10 @@ const ValidatedTextInput = ( {
 	}, [ isPristine, setIsPristine, validateOnMount, validateInput ] );
 
 	useEffect( () => {
-		const unsubscribe = onCheckoutValidationBeforeProcessing( () => validateInput() );
-		return unsubscribe;
-	}, [ onCheckoutValidationBeforeProcessing, validateInput ] );
-
+		if ( isBeforeProcessing ) {
+			validateInput();
+		}
+	}, [ isBeforeProcessing, validateInput ] );
 	// Remove validation errors when unmounted.
 	useEffect( () => {
 		return () => {