diff --git a/CHANGELOG.md b/CHANGELOG.md
index 184e7695..bcf61101 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -12,6 +12,9 @@ _Note: Gaps between patch versions are faulty, broken or test releases._
 
 ## UNRELEASED
 
+* **Bug Fix**
+  * fix `this.handleValueChange.cancel()` is not a function ([#611](https://github.com/webpack-contrib/webpack-bundle-analyzer/pull/625) by [@life2015](https://github.com/life2015))
+
 ## 4.10.0
 
 * **Improvement**
diff --git a/client/components/Search.jsx b/client/components/Search.jsx
index 6c6cc1bb..941b7ea5 100644
--- a/client/components/Search.jsx
+++ b/client/components/Search.jsx
@@ -14,7 +14,7 @@ export default class Search extends PureComponent {
   }
 
   componentWillUnmount() {
-    this.handleValueChange.cancel();
+    this.handleValueChange.clear();
   }
 
   render() {
@@ -79,7 +79,7 @@ export default class Search extends PureComponent {
   }
 
   clear() {
-    this.handleValueChange.cancel();
+    this.handleValueChange.clear();
     this.informChange('');
     this.input.value = '';
   }