Configure react-select to hide selected option when clicking on search box or opening menu

custom_select.js

import React from "react";
import Select from "react-select";

class CustomSelect extends React.Component {
  constructor(props) {
    super(props);

    this.state = { menuIsOpen: false };
  }
  
  render() {
    return (
        <Select
          controlShouldRenderValue={!this.state.menuIsOpen}
          onMenuOpen={() => this.setState({ menuIsOpen: true })}
          onMenuClose={() => this.setState({ menuIsOpen: false })}
        />
    )
  }
}