Bugfix

react/shared/elements/search-field.js

@@ -0,0 +1,28 @@
+import {Autocomplete, TextField} from "@mui/material";
+import useAsyncSearch from "../hooks/async-search";
+
+
+export default function SearchField(props) {
+
+    const { onSearch, displayText, onSelect, ...other } = props;
+
+    const [searchString, setSearchString, results] = useAsyncSearch(props.onSearch, 3);
+
+    return <Autocomplete {...other}
+         getOptionLabel={r => displayText(r)}
+         options={Object.values(results ?? {})}
+         onChange={(e, n) => onSelect(n)}
+         renderInput={(params) => (
+             <TextField
+                 {...params}
+                 value={searchString}
+                 onChange={e => setSearchString(e.target.value)}
+                 label={"Search input"}
+                 InputProps={{
+                     ...params.InputProps,
+                     type: 'search',
+                 }}
+             />
+         )}
+    />;
+}