Remove empty string from React DOM booleans/enums

This is a design choice documented in #6727 (comment)
facebook · Mar 18, 2019 · 80c40c6 · 80c40c6
1 parent f91ffe3
commit 80c40c6
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 6 deletions.
diff --git a/lib/react-dom.js b/lib/react-dom.js
@@ -619,7 +619,7 @@ type ReactDOM$HTMLElementProps = ReactDOM$ElementProps & {
   spellCheck?: ReactDOM$BooleanishString,
   suppressContentEditableWarning?: boolean,
   title?: string,
-  translate?: $TODO$CaseInsensitive<"" | "yes" | "no">
+  translate?: $TODO$CaseInsensitive<"yes" | "no">
 };
 
 type ReactDOM$SVGElementProps = ReactDOM$ElementProps & {
@@ -641,12 +641,10 @@ type ReactDOM$SVGElementProps = ReactDOM$ElementProps & {
 };
 
 type ReactDOM$BooleanishString =
-  | ""
   | $TODO$CaseInsensitive<"true" | "false">
   | boolean;
 
-type ReactDOM$Boolean<AttributeName: string = ""> =
-  | ""
+type ReactDOM$Boolean<AttributeName: string> =
   | $TODO$CaseInsensitive<AttributeName>
   | boolean;
 

diff --git a/tests/react_dom/props_boolean.js b/tests/react_dom/props_boolean.js
@@ -7,7 +7,7 @@ import React from "react";
 <span hidden={null} />; // Error: Expected DOM boolean
 <span hidden="true" />; // Error: Expected DOM boolean
 <span hidden="false" />; // Error: Expected DOM boolean
-<span hidden="" />; // OK
+<span hidden="" />; // Error: Expected DOM boolean
 <span hidden="yes" />; // Error: Expected DOM boolean
 <span hidden="hidden" />; // OK
 

diff --git a/tests/react_dom/props_booleanish_string.js b/tests/react_dom/props_booleanish_string.js
@@ -7,6 +7,6 @@ import React from "react";
 <div contentEditable={null} />; // Error: Expected booleanish string
 <div contentEditable="true" />; // OK
 <div contentEditable="false" />; // OK
-<div contentEditable="" />; // OK
+<div contentEditable="" />; // Error: Expected booleanish string
 <div contentEditable="yes" />; // Error: Expected booleanish string
 <div contentEditable="contentEditable" />; // Error: Expected booleanish string