carbon: Checkbox and RadioButton do not respond to state change of disabled attribute in MS Edge

Checkbox and RadioButton do not respond to disabled state change in MS Edge. State change works fine for the vanilla checkbox.

CodeSandbox repro here: https://codesandbox.io/s/wk215jw068

Detailed description

Describe in detail the issue you’re having.

In MS Edge, when you have something like <Checkbox disabled={this.state.disabled} id="2" labelText="Carbon Checkbox" />, changing the disabled state does not update the style in the UI.

Is this a feature request (new component, new icon), a bug, or a general issue?

Bug

Is this issue related to a specific component?

Yes

What did you expect to happen? What happened instead? What would you like to see changed?

I expected that, when you do setState({ disabled: true }) that the cursor style would switch to disabled and the text would be grayed out.

Instead, the styles do not change immediately when setState() is called.

I would like the styles to change immediately when setState() is called.

What browser are you working in?

Microsoft Edge 42.17134.1.0
Microsoft EdgeHTML 17.17134

What version of the Carbon Design System are you using?

carbon-components 9.1.1 carbon-components-react 6.6.3 carbon-icons 7.0.7 react 16.3.2 react-dom 16.3.2

What offering/product do you work on? Any pressing ship or release dates we should be aware of?

Not really. We ship June 25 but this is not a priority for our release.

Steps to reproduce the issue

CodeSandbox repro here: https://codesandbox.io/s/wk215jw068

Here is a gif: