Warn if checkbox changes controlledness (from boolean checked to null)

src/renderers/dom/client/wrappers/ReactDOMInput.js

@@ -36,7 +36,10 @@ function forceUpdateIfMounted() {
 
 function isControlled(props) {
   var usesChecked = props.type === 'checkbox' || props.type === 'radio';
-  return usesChecked ? props.checked !== undefined : props.value !== undefined;
+  if (usesChecked) {
+    return props.checked !== undefined && props.checked !== null;
+  }
+  return props.value !== undefined;
 }
 
 /**

src/renderers/dom/client/wrappers/__tests__/ReactDOMInput-test.js

@@ -622,7 +622,7 @@ describe('ReactDOMInput', function() {
     );
   });
 
-  it('should warn if controlled checkbox switches to uncontrolled', function() {
+  it('should warn if controlled checkbox switches to uncontrolled (checked is undefined)', function() {
     var stub = <input type="checkbox" checked={true} onChange={emptyFunction} />;
     var container = document.createElement('div');
     ReactDOM.render(stub, container);
@@ -636,6 +636,20 @@ describe('ReactDOMInput', function() {
     );
   });
 
+  it('should warn if controlled checkbox switches to uncontrolled (checked is null)', function() {
+    var stub = <input type="checkbox" checked={true} onChange={emptyFunction} />;
+    var container = document.createElement('div');
+    ReactDOM.render(stub, container);
+    ReactDOM.render(<input type="checkbox" checked={null} />, container);
+    expect(console.error.calls.count()).toBe(1);
+    expect(console.error.calls.argsFor(0)[0]).toContain(
+      'A component is changing a controlled input of type checkbox to be uncontrolled. ' +
+      'Input elements should not switch from controlled to uncontrolled (or vice versa). ' +
+      'Decide between using a controlled or uncontrolled input ' +
+      'element for the lifetime of the component. More info: https://fb.me/react-controlled-components'
+    );
+  });
+
   it('should warn if controlled checkbox switches to uncontrolled with defaultChecked', function() {
     var stub = <input type="checkbox" checked={true} onChange={emptyFunction} />;
     var container = document.createElement('div');