code review: clear timeout when component unmounts

versini-org · Dec 2, 2023 · ee6e072 · ee6e072
1 parent f216550
commit ee6e072
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/ui-components/src/components/TextInput/TextInputMask.tsx b/packages/ui-components/src/components/TextInput/TextInputMask.tsx
@@ -1,4 +1,4 @@
-import React, { useRef, useState } from "react";
+import React, { useEffect, useRef, useState } from "react";
 
 import { mergeRefs } from "../../common/utilities";
 import { ButtonIcon, IconHide, IconShow, TextInput } from "..";
@@ -113,6 +113,12 @@ export const TextInputMask = React.forwardRef<
 			onChange && onChange(e);
 		};
 
+		useEffect(() => {
+			return () => {
+				clearTimeout(automaskTimerRef.current);
+			};
+		}, []);
+
 		/**
 		 * TextInputMask rules.
 		 *