diff --git a/src/components/SearchBox.tsx b/src/components/SearchBox.tsx index 0694faa..edde268 100644 --- a/src/components/SearchBox.tsx +++ b/src/components/SearchBox.tsx @@ -98,6 +98,8 @@ export default class SearchBox extends React.PureComponent< queryValue: "" }; + inputRef = React.createRef(); + private debouncedChange = debounce(this.props.onQueryChange, 500); private onChange = (text: string) => { @@ -109,6 +111,10 @@ export default class SearchBox extends React.PureComponent< ); }; + componentDidMount() { + setTimeout(() => this.inputRef.current?.focus(), 100); + } + private renderNoResultState(query: string) { const { noResultsElement = noop, @@ -145,13 +151,13 @@ export default class SearchBox extends React.PureComponent< />