Ошибка «TypeError: Object(...) is not a function» при попытке использовать Semantic UI React Dropdown

Я получаю сообщение об ошибке «TypeError: Object(...) is not a function» в «ClientApp/node_modules/semantic-ui-react/dist/es/modules/Dropdown/Dropdown.js, строка 81», когда я пытаюсь чтобы создать новый экземпляр раскрывающегося списка Semantic UI React в моем приложении для реагирования. Я даже скопировал код, только изменив имена переменных, из проекта, над которым работал мой коллега, и ни один из нас не может определить источник ошибки.

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

handleSelectClub = (e, data) => {
        const club = this.state.clubList[data.value];

        this.setState({
            clubId: club.id,
            name: club.name
        });
    }
render() {
        var clubs;
        let selectClub = null;
        if (this.state.clubList.length > 0)
        {
            clubs = this.state.clubList.map((opt, i) => ({
                key: opt.id,
                text: opt.name,
                value: i
            }));
            selectClub =
                <div>
                    <div className = "form-group">
                        <Dropdown placeholder='Search Clubs' search selection options = {clubs} onChange = {this.handleSelectClub} />
                    </div>
                </div>
        }
        return (
            <form className = "club-add-form" onSubmit = {this.handleSubmit}>
                <h1>Add a New Club</h1>
                {selectClub}
            </form>
        );
    }

Я просто хочу, чтобы раскрывающийся список был частью довольно простой формы для добавления записи в базу данных.