From 229869698b86dc744c0ecc49835f3310fad34f91 Mon Sep 17 00:00:00 2001
From: FaberVitale <faber.vitale@gmail.com>
Date: Sat, 24 Jul 2021 17:29:51 +0200
Subject: [PATCH] refactor(inspector-monitor): debounce input search updates

---
 .../src/DevtoolsInspector.tsx                                | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx b/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx
index 3681fc5a..4fbdae9d 100644
--- a/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx
+++ b/packages/redux-devtools-inspector-monitor/src/DevtoolsInspector.tsx
@@ -21,6 +21,7 @@ import ActionList from './ActionList';
 import ActionPreview, { Tab } from './ActionPreview';
 import getInspectedState from './utils/getInspectedState';
 import createDiffPatcher from './createDiffPatcher';
+import debounce from 'lodash.debounce';
 import {
   ActionForm,
   changeActionFormValues,
@@ -407,9 +408,9 @@ class DevtoolsInspector<S, A extends Action<unknown>> extends PureComponent<
     this.props.dispatch(sweep());
   };
 
-  handleSearch = (val: string) => {
+  handleSearch = debounce((val: string) => {
     this.handleActionFormChange({ searchValue: val });
-  };
+  }, 200);
 
   handleSelectAction = (
     e: React.MouseEvent<HTMLDivElement>,