Как я могу получить несколько раскрывающихся значений с помощью реакции-выбора-поиска?

Question

Я использую реакцию-выбор-поиск. Я ищу значение, и результаты привязываются в раскрывающемся списке динамически, но не могу выбрать несколько раскрывающихся значений и не могу получить доступ к этому значению. Пожалуйста, помогите !!

import React, { useState } from 'react';
import SelectSearch from 'react-select-search';
import '../style.css';

export default {
  title: 'Async',
};

export const Fetch = () => (
    <SelectSearch
        options={[]}
        getOptions={(query) => {
            return new Promise((resolve, reject) => {
                fetch(`https://www.thecocktaildb.com/api/json/v1/1/search.php?s=${query}`)
                    .then(response => response.json())
                    .then(({ drinks }) => {
                        resolve(drinks.map(({ idDrink, strDrink }) => ({ value: idDrink, name: strDrink })))
                    })
                    .catch(reject);
            });
        }}
        search
        placeholder="Your favorite drink"
    />
);