Clarify warnings on "true" / "false" values in DOM boolean props

packages/react-dom/src/__tests__/ReactDOMComponent-test.js

@@ -2513,6 +2513,7 @@ describe('ReactDOMComponent', () => {
         el = ReactTestUtils.renderIntoDocument(<div hidden="false" />);
       }).toWarnDev(
         'Received the string `false` for the boolean attribute `hidden`. ' +
+          'The browser will interpret it as a truthy value. ' +
           'Did you mean hidden={false}?',
       );
 
@@ -2525,6 +2526,7 @@ describe('ReactDOMComponent', () => {
         el = ReactTestUtils.renderIntoDocument(<div hidden="true" />);
       }).toWarnDev(
         'Received the string `true` for the boolean attribute `hidden`. ' +
+          'Although this works, it will not work as expected if you pass the string "false". ' +
           'Did you mean hidden={true}?',
       );
 

packages/react-dom/src/shared/ReactDOMUnknownPropertyHook.js

@@ -236,9 +236,13 @@ if (__DEV__) {
       warning(
         false,
         'Received the string `%s` for the boolean attribute `%s`. ' +
+          '%s ' +
           'Did you mean %s={%s}?',
         value,
         name,
+        value === 'false'
+          ? 'The browser will interpret it as a truthy value.'
+          : 'Although this works, it will not work as expected if you pass the string "false".',
         name,
         value,
       );