'disabled' option is not working for NavItem

[nuds-zhao]

Here is my code:

<NavItem
           eventKey="button-download" 
           onClick={() => {
                           this.collapseSidebar();
                             context.downloadAoi(aoi)
                          }}
                       //disabled={downloading}
                        disabled={true}
                         title='Download'
                         style={{ background: '#0000008f' }}
                        >
                        <NavIcon>
                            {downloading?(  <i className="fas fa-spinner fa-pulse" style={{ fontSize: '1.75em' }} />)
                            :(  <i className="fa fa-fw fa-download" style={{ fontSize: '1.75em' }} />)}
                        </NavIcon>
                        <NavText>
                             Download
                        </NavText>
                </NavItem>

This "disabled" property makes no change to the NavItem.