isDisabled Option Format not working.

[edargham]

I made sure to include the css files too, however the option in question is still selectable. here is the code to my switch:

 import React, { Component } from 'react';
 import MultiToggle from 'react-multi-toggle';
 
 import "../../css/style.css";
 const groupOptions = [
 {
   displayName: 'In queue',
   value: 2
 },
 {
   displayName: 'In progress',
   value: 4
 },
 {
   displayName: 'Evaluated',
   value: 8
 },
 {
   displayName: 'Completed',
   value: 16,
   isDisabled: true //this option should be rendered as disabled
 }
];
 
/* as of here, the component is the same code as that of the example provided in the 
    documentation
*/
 
class Toggle extends Component {
   constructor(props) {
     super(props);
     
     this.state = {
       groupSize: 2
     };
   }
   
   onGroupSizeSelect(value){
     this.setState({ groupSize: value })
   };
   
   render(){
     const { groupSize } = this.state;
     
      return (
       <MultiToggle
              options={groupOptions}
              selectedOption={groupSize}
              onSelectOption={this.onGroupSizeSelect.bind(this)}
        />
      );
     }
 }
 export default Toggle;

N.B.: I forgot to mention I am also using bootstrap css on the page.

[edargham]

Update: Nevermind, I got around it copying the index.js and index.es6.js from your GitHub repo and pasting them in the package that NPM installs. Can you please update the NPM version of your code so that it is in sync with the GitHub one?

[Markus1607]

Would recommend installing patch-package to patch the package in your project after following @edargham method.