Invariant Violation with DropDown components

[desoindx]

I get an error while mounting my component

The component is correctly render in Cypress regular tests, and it only contains a DropDown from the react-bootstrap lib (same error with the react-simple-dropdown)

import {Dropdown} from 'react-bootstrap';


class UserControls extends React.Component {
    constructor(props) {
        super(props);
        this.state = {};
    }

    render() {
        return (
                <Dropdown>
                    <Dropdown.Toggle>
                        Toggle
                    </Dropdown.Toggle>
                    <Dropdown.Menu>
                        <li>
                            menu
                        </li>
                    </Dropdown.Menu>
                </Dropdown>
        );
    }
}

UserControls.displayName = 'UserControls';

UserControls.propTypes = {
};

export default UserControls;

[OneHatRepo]

If the problem is point 3—multiple copies of react loaded—then the temporary fix is the same as this:
#51 (comment)

[bahmutov]

[bahmutov]

🎉 This issue has been resolved in version 4.1.0 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀