Multi select is not displaying values after clicking on item about react-multi-select-component HOT 2 CLOSED

class Forms extends Component {
  constructor(props) {
    super(props);
    this.state = {
      selected: [],
      options: [
        { label: "USA 🏴󠁵󠁳󠁡󠁳󠁿", value: "USA" },
        { label: "India 😊", value: "INDIA" },
        { label: "Japan 🍓", value: "Japan" }
      ]
    };
  }

  // use arrow functions not normal ones because setState won't be available in normal ones
  setSelected = (v) => {
    this.setState({ selected: v });
  }

  render() {
    return (
      <MultiSelect
        options={this.state.options}
        value={this.state.selected}
        // on given sample onChange event is wrong it should accept arguement and then setState for the received arguement
        onChange={this.setSelected}
        labelledBy={"Select"}
      />
    );
  }
}