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> extends PureComponent< this.props.dispatch(sweep()); }; - handleSearch = (val: string) => { + handleSearch = debounce((val: string) => { this.handleActionFormChange({ searchValue: val }); - }; + }, 200); handleSelectAction = ( e: React.MouseEvent,