diff --git a/src/components/button/Button.tsx b/src/components/button/Button.tsx
index a60f746c5..014dcc465 100644
--- a/src/components/button/Button.tsx
+++ b/src/components/button/Button.tsx
@@ -44,6 +44,10 @@ export const Button = (props: ButtonProps) => {
 
 	useEffect(() => {
 		handleButtonTimer();
+
+		return (): void => {
+			if (timeoutID) window.clearTimeout(timeoutID);
+		};
 	}, []); // eslint-disable-line react-hooks/exhaustive-deps
 
 	const handleButtonTimer = () => {
@@ -87,7 +91,7 @@ export const Button = (props: ButtonProps) => {
 		}
 
 		if (!props.disabled && !props.item.disabled && props.buttonHandle) {
-			window.clearTimeout(timeoutID);
+			if (timeoutID) window.clearTimeout(timeoutID);
 			props.buttonHandle(item.function);
 		}
 	};