Update SearchIcons.js

anle9650 · Mar 2, 2024 · 2ea4a85 · 2ea4a85
1 parent 434cdc1
commit 2ea4a85
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/docs/data/material/components/material-icons/SearchIcons.js b/docs/data/material/components/material-icons/SearchIcons.js
@@ -480,6 +480,7 @@ function useLatest(value) {
 
 export default function SearchIcons() {
   const [keys, setKeys] = React.useState(null);
+  const [, startTransition] = React.useTransition();
   const [theme, setTheme] = useQueryParameterState('theme', 'Filled');
   const [selectedIcon, setSelectedIcon] = useQueryParameterState('selected', '');
   const [query, setQuery] = useQueryParameterState('query', '');
@@ -573,7 +574,7 @@ export default function SearchIcons() {
           <Input
             autoFocus
             value={query}
-            onChange={(event) => setQuery(event.target.value)}
+            onChange={(event) => startTransition(() => setQuery(event.target.value))}
             placeholder="Search icons…"
             inputProps={{ 'aria-label': 'search icons' }}
           />