Build an autocomplete with debounced search

• An input shows a suggestions list fetched from a search function (use a mocked async API with random delay and occasional failure)
• Requests are debounced (about 300 ms) and an empty or whitespace query does not call the API
• Stale responses never overwrite newer ones: cancel the previous request with AbortController or ignore it by request id
• Results for a query are cached in memory, so retyping a previous query is instant
• Keyboard: Arrow Up and Down move the highlighted option, Enter selects it, Escape closes the list; the mouse also works
• The matching part of each suggestion is highlighted (case-insensitive) without using dangerouslySetInnerHTML
• Shows distinct loading, empty ("No results") and error states, with a retry option for errors
• ARIA combobox pattern: role="combobox", aria-expanded, aria-controls, aria-activedescendant, options with role="option"

Only after every requirement works.

• Remember recent selections and show them when the input is focused and empty
• Virtualise the list for very large result sets
• Minimum query length and a configurable debounce