Checkbox inside React Accordion does not work in IE Spring Boot Application

I am working on Spring Boot application in which I am using React accordion. I have Checkbox (input type="checkbox") inside title of this accordion. This checkbox works in Chrome, Firefox, Microsoft Edge but it does not work in Internet explorer. In IE Accordion click event always takes precedence and checkbox never works.

<Accordion>
  {this.state.someSelection.map(iSelection =>
  <AccordionItem
       title={
         <div>
           <MyCheckBox t={t} module={iModule} selected={iSelection.selected} onSelect={this.onSelectSomething}/>
         </div>}
       key={iSelection.name}
     >
       < Some more divs />
       
     </AccordionItem>)
   }
</Accordion>

Thanks in advance. Manmath.