I am trying to implement a search field what happens here is whenever user enters text i text field the timer is reset to 300 ms and then an api call(search) is sent to fetch autocomplete results now after receiving those results the app waits for another 1s and sends another request. during this duration the user may enter some more text. So one scenario which I am assuming is that the search api is called and before the response arrives user changes the text sending another pre search call now the response for search arrives and is mistaken for pre search response and hence gives the error. Is there any workaround to this?
What you want is to cancel the in-flight request when the users enters more text.
Another possibility is to check in the
fetch response handler if the initial text being searched has changed. In that case you don't do any action in that handler.