diff --git a/Composer/packages/client/src/components/ProjectTree/ProjectTree.tsx b/Composer/packages/client/src/components/ProjectTree/ProjectTree.tsx index 90b7d048c2..38c30393ba 100644 --- a/Composer/packages/client/src/components/ProjectTree/ProjectTree.tsx +++ b/Composer/packages/client/src/components/ProjectTree/ProjectTree.tsx @@ -9,7 +9,7 @@ import { FocusZone, FocusZoneDirection } from 'office-ui-fabric-react/lib/FocusZ import cloneDeep from 'lodash/cloneDeep'; import formatMessage from 'format-message'; import { DialogInfo, ITrigger, Diagnostic, DiagnosticSeverity } from '@bfc/shared'; -import debounce from 'lodash/debounce'; +import throttle from 'lodash/throttle'; import { useRecoilValue } from 'recoil'; import { ISearchBoxStyles } from 'office-ui-fabric-react/lib/SearchBox'; import { extractSchemaProperties, groupTriggersByPropertyReference, NoGroupingTriggerGroupName } from '@bfc/indexers'; @@ -152,7 +152,7 @@ export const ProjectTree: React.FC = ({ const [filter, setFilter] = useState(''); const formDialogComposerFeatureEnabled = useFeatureFlag('FORM_DIALOG'); const [selectedLink, setSelectedLink] = useState | undefined>(defaultSelected); - const delayedSetFilter = debounce((newValue) => setFilter(newValue), 1000); + const delayedSetFilter = throttle((newValue) => setFilter(newValue), 200); const addMainDialogRef = useCallback((mainDialog) => onboardingAddCoachMarkRef({ mainDialog }), []); const projectCollection = useRecoilValue(botProjectSpaceSelector).map((bot) => ({ ...bot,