diff --git a/public/app/features/plugins/admin/components/SearchField.tsx b/public/app/features/plugins/admin/components/SearchField.tsx index e56490cf636..c5fb4f61a98 100644 --- a/public/app/features/plugins/admin/components/SearchField.tsx +++ b/public/app/features/plugins/admin/components/SearchField.tsx @@ -2,6 +2,7 @@ import React, { useState } from 'react'; import { css } from '@emotion/css'; import { useStyles2 } from '@grafana/ui'; import { GrafanaTheme2 } from '@grafana/data'; +import { useDebounce } from 'react-use'; interface Props { value?: string; @@ -12,6 +13,8 @@ export const SearchField = ({ value, onSearch }: Props) => { const [query, setQuery] = useState(value); const styles = useStyles2(getStyles); + useDebounce(() => onSearch(query ?? ''), 500, [query]); + return (