fix(core-components-bank-card): deleting issue, add useCallback (#309)

core-ds · Oct 13, 2020 · 5f768bd · 5f768bd
1 parent b408b74
commit 5f768bd
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/packages/bank-card/src/Component.tsx b/packages/bank-card/src/Component.tsx
@@ -87,8 +87,11 @@ export const BankCard = React.forwardRef<HTMLInputElement, BankCardProps>(
 
         const [brandIcon, setBrandIcon] = useState<ReactNode>(getBrandIcon(value));
 
-        const getMask = (newValue: string) =>
-            newValue.length <= cardMask.length ? cardMask : accountNumberMask;
+        const getMask = useCallback(
+            (newValue: string) =>
+                newValue.length <= cardMask.length ? cardMask : accountNumberMask,
+            [],
+        );
 
         const handleInputChange = useCallback(
             (event: ChangeEvent<HTMLInputElement>, payload) => {