Estoy usando react-select para obtener nombres de búsqueda del servicio de back-end. Por lo tanto, necesito agregar rebote para mi campo de búsqueda y la API debe llamar después de ingresar la longitud mínima de caracteres (3) en el campo de texto.

Intenté lo siguiente, pero no mostrará los resultados en el menú desplegable.

 <AsyncSelect defaultOptions isClearable={true} className="form-control" id="search" loadOptions={(data) => { data.length >= 3 && loadOptions(); }} onChange={handleChange} /> const loadOptions = _.debounce((data, callback) => { fetchData(data).then((options) => { callback(options); }); }, DEBOUNCE_TIME); const fetchData = async (data) => { if (data) { const nameList = await request(METHOD.GET, `${API_URL.GET_BY_NAME}/${data}`); if (nameList.data) { return nameList.data.map((v) => ({ value: v.name, label: v.name })); } } };