loadOptions is updating before onInputChange in AsyncSelect

[Hynack]

Hi,

Relevant code:
...

    const [selectedBurst, setSelectedBurst] = useState(null);
    const [query, setQuery] = useState("");
    const loadOptions = async () => {
        const response = await axios
            .get(
                'http://localhost:8000/burst/sample/' + query
            );
        return (response.data);
    };

....

                        <AsyncSelect
                            getOptionValue={option => option._id}
                            getOptionLabel={option => option.sample_id}
                            loadOptions={loadOptions}
                            onChange={setSelectedBurst}
                            name='sample'
                            cacheOptions
                            defaultOption
                            onInputChange={value => setQuery(value)}

                        />

The problem is that the query value is always "lagging" behind the input. When I type in AA, then the API call is to http://localhost:8000/burst/sample/A, and so on, with AAB it woul be to .../AA, and so on.

What am I missing here?