diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index 2893ed166de0a..bc4eba233a6f3 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-0131d0cff40d4054ac72c857d3a13c5173c46e0a
+520f7f3ed4d01e9e50a73d7d04ff138e3c71ac86
diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
index b79edb61aafdb..c5ae457906864 100644
--- a/compiled/facebook-www/React-dev.modern.js
+++ b/compiled/facebook-www/React-dev.modern.js
@@ -27,7 +27,7 @@ if (
 }
           "use strict";
 
-var ReactVersion = "18.3.0-www-modern-1ad200fa";
+var ReactVersion = "18.3.0-www-modern-04bef010";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
index 3e98b0e7d2d0d..8fa0cca7f4465 100644
--- a/compiled/facebook-www/ReactART-dev.classic.js
+++ b/compiled/facebook-www/ReactART-dev.classic.js
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-var ReactVersion = "18.3.0-www-classic-ca4ffb9c";
+var ReactVersion = "18.3.0-www-classic-5ff0222e";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js
index c782702af9708..2338e9ffa3654 100644
--- a/compiled/facebook-www/ReactART-prod.modern.js
+++ b/compiled/facebook-www/ReactART-prod.modern.js
@@ -9610,7 +9610,7 @@ var slice = Array.prototype.slice,
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-modern-52358352",
+    version: "18.3.0-www-modern-4e328d6f",
     rendererPackageName: "react-art"
   };
 var internals$jscomp$inline_1313 = {
@@ -9641,7 +9641,7 @@ var internals$jscomp$inline_1313 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-52358352"
+  reconcilerVersion: "18.3.0-www-modern-4e328d6f"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1314 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
index 37cbb1ea16d3d..54a0a4347d58f 100644
--- a/compiled/facebook-www/ReactDOM-dev.classic.js
+++ b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -1227,9 +1227,6 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -1288,134 +1285,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
-  if (propertyInfo !== null) {
-    return propertyInfo.type === RESERVED;
-  }
-
-  if (isCustomComponentTag) {
-    return false;
-  }
-
-  if (
-    name.length > 2 &&
-    (name[0] === "o" || name[0] === "O") &&
-    (name[1] === "n" || name[1] === "N")
-  ) {
-    return true;
-  }
-
-  return false;
-}
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (value === null || typeof value === "undefined") {
-    return true;
-  }
-
-  if (
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  ) {
-    return true;
-  }
-
-  if (isCustomComponentTag) {
-    if (enableCustomElementPropertySupport) {
-      if (value === false) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  if (propertyInfo !== null) {
-    {
-      if (propertyInfo.removeEmptyString && value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          }
-        }
-
-        return true;
-      }
-    }
-
-    switch (propertyInfo.type) {
-      case BOOLEAN:
-        return !value;
-
-      case OVERLOADED_BOOLEAN:
-        return value === false;
-
-      case NUMERIC:
-        return isNaN(value);
-
-      case POSITIVE_NUMERIC:
-        return isNaN(value) || value < 1;
-    }
-  }
-
-  return false;
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -1444,37 +1313,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -1875,62 +1714,156 @@ function getValueForProperty(node, name, expected, propertyInfo) {
     if (propertyInfo.mustUseProperty) {
       var propertyName = propertyInfo.propertyName;
       return node[propertyName];
-    } else {
-      // This check protects multiple uses of `expected`, which is why the
-      // react-internal/safe-string-coercion rule is disabled in several spots
-      // below.
-      {
-        checkAttributeStringCoercion(expected, name);
+    }
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (!node.hasAttribute(attributeName)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          if (!propertyInfo.acceptsBooleans) {
+            return expected;
+          }
+        }
       }
 
-      var attributeName = propertyInfo.attributeName;
-      var stringValue = null;
+      switch (propertyInfo.type) {
+        case BOOLEAN: {
+          if (!expected) {
+            return expected;
+          }
 
-      if (propertyInfo.type === OVERLOADED_BOOLEAN) {
-        if (node.hasAttribute(attributeName)) {
-          var value = node.getAttribute(attributeName);
+          break;
+        }
 
-          if (value === "") {
-            return true;
+        case OVERLOADED_BOOLEAN: {
+          if (expected === false) {
+            return expected;
           }
 
-          if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-            return value;
-          } // eslint-disable-next-line react-internal/safe-string-coercion
+          break;
+        }
 
-          if (value === "" + expected) {
+        case NUMERIC: {
+          if (isNaN(expected)) {
             return expected;
           }
 
-          return value;
+          break;
         }
-      } else if (node.hasAttribute(attributeName)) {
-        if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-          // We had an attribute but shouldn't have had one, so read it
-          // for the error message.
-          return node.getAttribute(attributeName);
+
+        case POSITIVE_NUMERIC: {
+          if (isNaN(expected) || expected < 1) {
+            return expected;
+          }
+
+          break;
         }
+      }
+
+      {
+        if (propertyInfo.removeEmptyString && expected === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
+          }
 
-        if (propertyInfo.type === BOOLEAN) {
+          return expected;
+        }
+      }
+
+      return expected === undefined ? undefined : null;
+    } // Even if this property uses a namespace we use getAttribute
+    // because we assume its namespaced name is the same as our config.
+    // To use getAttributeNS we need the local name which we don't have
+    // in our config atm.
+
+    var value = node.getAttribute(attributeName);
+
+    if (expected == null) {
+      // We had an attribute but shouldn't have had one, so read it
+      // for the error message.
+      return value;
+    } // shouldRemoveAttribute
+
+    switch (propertyInfo.type) {
+      case BOOLEAN: {
+        if (expected) {
           // If this was a boolean, it doesn't matter what the value is
           // the fact that we have it is the same as the expected.
+          // As long as it's positive.
           return expected;
-        } // Even if this property uses a namespace we use getAttribute
-        // because we assume its namespaced name is the same as our config.
-        // To use getAttributeNS we need the local name which we don't have
-        // in our config atm.
+        }
 
-        stringValue = node.getAttribute(attributeName);
+        return value;
       }
 
-      if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-        return stringValue === null ? expected : stringValue; // eslint-disable-next-line react-internal/safe-string-coercion
-      } else if (stringValue === "" + expected) {
-        return expected;
-      } else {
-        return stringValue;
+      case OVERLOADED_BOOLEAN: {
+        if (value === "") {
+          return true;
+        }
+
+        if (expected === false) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case NUMERIC: {
+        if (isNaN(expected)) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case POSITIVE_NUMERIC: {
+        if (isNaN(expected) || expected < 1) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
       }
     }
+
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
   }
 }
 /**
@@ -1939,20 +1872,87 @@ function getValueForProperty(node, name, expected, propertyInfo) {
  * attributes have multiple equivalent values.
  */
 
-function getValueForAttribute(node, name, expected, isCustomComponentTag) {
+function getValueForAttribute(node, name, expected) {
   {
     if (!isAttributeNameSafe(name)) {
       return;
     }
 
     if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          var prefix = name.toLowerCase().slice(0, 5);
+
+          if (prefix !== "data-" && prefix !== "aria-") {
+            return expected;
+          }
+        }
+      }
+
       return expected === undefined ? undefined : null;
     }
 
     var value = node.getAttribute(name);
 
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
+  }
+}
+function getValueForAttributeOnCustomComponent(node, name, expected) {
+  {
+    if (!isAttributeNameSafe(name)) {
+      return;
+    }
+
+    if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "symbol":
+        case "object":
+          // Symbols and objects are ignored when they're emitted so
+          // it would be expected that they end up not having an attribute.
+          return expected;
+
+        case "function":
+          if (enableCustomElementPropertySupport) {
+            return expected;
+          }
+
+          break;
+
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (expected === false) {
+              return expected;
+            }
+          }
+      }
+
+      return expected === undefined ? undefined : null;
+    }
+
+    if (enableCustomElementPropertySupport && name === "className") {
+      // className is a special cased property on the server to render as an attribute.
+      name = "class";
+    }
+
+    var value = node.getAttribute(name);
+
     if (enableCustomElementPropertySupport) {
-      if (isCustomComponentTag && value === "") {
+      if (value === "" && expected === true) {
         return true;
       }
     }
@@ -1976,22 +1976,203 @@ function getValueForAttribute(node, name, expected, isCustomComponentTag) {
  * @param {*} value
  */
 
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var propertyInfo = getPropertyInfo(name);
-
-  if (shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag)) {
+function setValueForProperty(node, name, value) {
+  if (
+    // shouldIgnoreAttribute
+    // We have already filtered out reserved words.
+    name.length > 2 &&
+    (name[0] === "o" || name[0] === "O") &&
+    (name[1] === "n" || name[1] === "N")
+  ) {
     return;
   }
 
+  var propertyInfo = getPropertyInfo(name);
+
+  if (propertyInfo !== null) {
+    if (propertyInfo.mustUseProperty) {
+      // We assume mustUseProperty are of BOOLEAN type because that's the only way we use it
+      // right now.
+      node[propertyInfo.propertyName] =
+        value && typeof value !== "function" && typeof value !== "symbol";
+      return;
+    } // The rest are treated as attributes with special cases.
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (value === null) {
+      node.removeAttribute(attributeName);
+      return;
+    } // shouldRemoveAttribute
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(attributeName);
+        return;
+
+      case "boolean": {
+        if (!propertyInfo.acceptsBooleans) {
+          node.removeAttribute(attributeName);
+          return;
+        }
+      }
+    }
+
+    {
+      if (propertyInfo.removeEmptyString && value === "") {
+        {
+          if (name === "src") {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "This may cause the browser to download the whole page again over the network. " +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          } else {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          }
+        }
+
+        node.removeAttribute(attributeName);
+        return;
+      }
+    }
+
+    switch (propertyInfo.type) {
+      case BOOLEAN:
+        if (value) {
+          node.setAttribute(attributeName, "");
+        } else {
+          node.removeAttribute(attributeName);
+          return;
+        }
+
+        break;
+
+      case OVERLOADED_BOOLEAN:
+        if (value === true) {
+          node.setAttribute(attributeName, "");
+        } else if (value === false) {
+          node.removeAttribute(attributeName);
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        }
+
+        return;
+
+      case NUMERIC:
+        if (!isNaN(value)) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      case POSITIVE_NUMERIC:
+        if (!isNaN(value) && value >= 1) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      default: {
+        var attributeValue; // `setAttribute` with objects becomes only `[object]` in IE8/9,
+        // ('' + value) makes it output the correct toString()-value.
+
+        if (enableTrustedTypesIntegration) {
+          attributeValue = value;
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          attributeValue = "" + value;
+        }
+
+        if (propertyInfo.sanitizeURL) {
+          sanitizeURL(attributeValue.toString());
+        }
+
+        var attributeNamespace = propertyInfo.attributeNamespace;
+
+        if (attributeNamespace) {
+          node.setAttributeNS(
+            attributeNamespace,
+            attributeName,
+            attributeValue
+          );
+        } else {
+          node.setAttribute(attributeName, attributeValue);
+        }
+      }
+    }
+  } else if (isAttributeNameSafe(name)) {
+    // If the prop isn't in the special list, treat it as a simple attribute.
+    // shouldRemoveAttribute
+    if (value === null) {
+      node.removeAttribute(name);
+      return;
+    }
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
+
+      case "boolean": {
+        var prefix = name.toLowerCase().slice(0, 5);
+
+        if (prefix !== "data-" && prefix !== "aria-") {
+          node.removeAttribute(name);
+          return;
+        }
+      }
+    }
+
+    {
+      checkAttributeStringCoercion(value, name);
+    }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
   if (
     enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
     name[0] === "o" &&
     name[1] === "n"
   ) {
-    var eventName = name.replace(/Capture$/, "");
-    var useCapture = name !== eventName;
-    eventName = eventName.slice(2);
+    var useCapture = name.endsWith("Capture");
+    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -2015,99 +2196,44 @@ function setValueForProperty(node, name, value, isCustomComponentTag) {
     }
   }
 
-  if (
-    enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
-    name in node
-  ) {
+  if (enableCustomElementPropertySupport && name in node) {
     node[name] = value;
     return;
   }
 
-  if (shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag)) {
-    value = null;
-  }
-
-  if (enableCustomElementPropertySupport) {
-    if (isCustomComponentTag && value === true) {
-      value = "";
-    }
-  } // If the prop isn't in the special list, treat it as a simple attribute.
-
-  if (isCustomComponentTag || propertyInfo === null) {
-    if (isAttributeNameSafe(name)) {
-      var _attributeName = name;
-
-      if (value === null) {
-        node.removeAttribute(_attributeName);
-      } else {
-        {
-          checkAttributeStringCoercion(value, name);
-        }
-
-        node.setAttribute(
-          _attributeName,
-          enableTrustedTypesIntegration ? value : "" + value
-        );
-      }
-    }
-
-    return;
-  }
-
-  var mustUseProperty = propertyInfo.mustUseProperty;
-
-  if (mustUseProperty) {
-    var propertyName = propertyInfo.propertyName;
-
+  if (isAttributeNameSafe(name)) {
+    // shouldRemoveAttribute
     if (value === null) {
-      var type = propertyInfo.type;
-      node[propertyName] = type === BOOLEAN ? false : "";
-    } else {
-      // Contrary to `setAttribute`, object properties are properly
-      // `toString`ed by IE8/9.
-      node[propertyName] = value;
+      node.removeAttribute(name);
+      return;
     }
 
-    return;
-  } // The rest are treated as attributes with special cases.
-
-  var attributeName = propertyInfo.attributeName,
-    attributeNamespace = propertyInfo.attributeNamespace;
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
 
-  if (value === null) {
-    node.removeAttribute(attributeName);
-  } else {
-    var _type = propertyInfo.type;
-    var attributeValue;
+      case "boolean": {
+        if (enableCustomElementPropertySupport) {
+          if (value === true) {
+            node.setAttribute(name, "");
+            return;
+          }
 
-    if (_type === BOOLEAN || (_type === OVERLOADED_BOOLEAN && value === true)) {
-      // If attribute type is boolean, we know for sure it won't be an execution sink
-      // and we won't require Trusted Type here.
-      attributeValue = "";
-    } else {
-      // `setAttribute` with objects becomes only `[object]` in IE8/9,
-      // ('' + value) makes it output the correct toString()-value.
-      if (enableTrustedTypesIntegration) {
-        attributeValue = value;
-      } else {
-        {
-          checkAttributeStringCoercion(value, attributeName);
+          node.removeAttribute(name);
+          return;
         }
-
-        attributeValue = "" + value;
-      }
-
-      if (propertyInfo.sanitizeURL) {
-        sanitizeURL(attributeValue.toString());
       }
     }
 
-    if (attributeNamespace) {
-      node.setAttributeNS(attributeNamespace, attributeName, attributeValue);
-    } else {
-      node.setAttribute(attributeName, attributeValue);
+    {
+      checkAttributeStringCoercion(value, name);
     }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
   }
 }
 
@@ -2884,7 +3010,7 @@ function updateChecked(element, props) {
   var checked = props.checked;
 
   if (checked != null) {
-    setValueForProperty(node, "checked", checked, false);
+    node.checked = checked;
   }
 }
 function updateWrapper$1(element, props) {
@@ -3884,122 +4010,6 @@ var shorthandToLonghand = {
   wordWrap: ["overflowWrap"]
 };
 
-/**
- * CSS properties which accept numbers but are not in units of "px".
- */
-var isUnitlessNumber = {
-  animationIterationCount: true,
-  aspectRatio: true,
-  borderImageOutset: true,
-  borderImageSlice: true,
-  borderImageWidth: true,
-  boxFlex: true,
-  boxFlexGroup: true,
-  boxOrdinalGroup: true,
-  columnCount: true,
-  columns: true,
-  flex: true,
-  flexGrow: true,
-  flexPositive: true,
-  flexShrink: true,
-  flexNegative: true,
-  flexOrder: true,
-  gridArea: true,
-  gridRow: true,
-  gridRowEnd: true,
-  gridRowSpan: true,
-  gridRowStart: true,
-  gridColumn: true,
-  gridColumnEnd: true,
-  gridColumnSpan: true,
-  gridColumnStart: true,
-  fontWeight: true,
-  lineClamp: true,
-  lineHeight: true,
-  opacity: true,
-  order: true,
-  orphans: true,
-  scale: true,
-  tabSize: true,
-  widows: true,
-  zIndex: true,
-  zoom: true,
-  // SVG-related properties
-  fillOpacity: true,
-  floodOpacity: true,
-  stopOpacity: true,
-  strokeDasharray: true,
-  strokeDashoffset: true,
-  strokeMiterlimit: true,
-  strokeOpacity: true,
-  strokeWidth: true
-};
-/**
- * @param {string} prefix vendor-specific prefix, eg: Webkit
- * @param {string} key style name, eg: transitionDuration
- * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
- * WebkitTransitionDuration
- */
-
-function prefixKey(prefix, key) {
-  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
-}
-/**
- * Support style names that may come passed in prefixed by adding permutations
- * of vendor prefixes.
- */
-
-var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
-// infinite loop, because it iterates over the newly added props too.
-
-Object.keys(isUnitlessNumber).forEach(function (prop) {
-  prefixes.forEach(function (prefix) {
-    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
-  });
-});
-
-/**
- * Convert a value into the proper css writable value. The style name `name`
- * should be logical (no hyphens), as specified
- * in `CSSProperty.isUnitlessNumber`.
- *
- * @param {string} name CSS property name such as `topMargin`.
- * @param {*} value CSS property value such as `10px`.
- * @return {string} Normalized style value with dimensions applied.
- */
-
-function dangerousStyleValue(name, value, isCustomProperty) {
-  // Note that we've removed escapeTextForBrowser() calls here since the
-  // whole string will be escaped when the attribute is injected into
-  // the markup. If you provide unsafe user data here they can inject
-  // arbitrary CSS which may be problematic (I couldn't repro this):
-  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
-  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
-  // This is not an XSS hole but instead a potential CSS injection issue
-  // which has lead to a greater discussion about how we're going to
-  // trust URLs moving forward. See #2115901
-  var isEmpty = value == null || typeof value === "boolean" || value === "";
-
-  if (isEmpty) {
-    return "";
-  }
-
-  if (
-    !isCustomProperty &&
-    typeof value === "number" &&
-    value !== 0 &&
-    !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-  ) {
-    return value + "px"; // Presumes implicit 'px' suffix for unitless numbers
-  }
-
-  {
-    checkCSSPropertyStringCoercion(value, name);
-  }
-
-  return ("" + value).trim();
-}
-
 var uppercasePattern = /([A-Z])/g;
 var msPattern$1 = /^ms-/;
 /**
@@ -4138,6 +4148,80 @@ function warnValidStyle(name, value) {
   }
 }
 
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+var isUnitlessNumber = {
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columnCount: true,
+  columns: true,
+  flex: true,
+  flexGrow: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  flexOrder: true,
+  gridArea: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowSpan: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnSpan: true,
+  gridColumnStart: true,
+  fontWeight: true,
+  lineClamp: true,
+  lineHeight: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  scale: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  // SVG-related properties
+  fillOpacity: true,
+  floodOpacity: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+
+function prefixKey(prefix, key) {
+  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+
+var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+// infinite loop, because it iterates over the newly added props too.
+
+Object.keys(isUnitlessNumber).forEach(function (prop) {
+  prefixes.forEach(function (prefix) {
+    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+  });
+});
+
 /**
  * Operations for dealing with CSS properties.
  */
@@ -4159,19 +4243,41 @@ function createDangerousStringForStyles(styles) {
         continue;
       }
 
-      var styleValue = styles[styleName];
+      var value = styles[styleName];
 
-      if (styleValue != null) {
+      if (value != null && typeof value !== "boolean" && value !== "") {
         var isCustomProperty = styleName.indexOf("--") === 0;
-        serialized +=
-          delimiter +
-          (isCustomProperty ? styleName : hyphenateStyleName(styleName)) +
-          ":";
-        serialized += dangerousStyleValue(
-          styleName,
-          styleValue,
-          isCustomProperty
-        );
+
+        if (isCustomProperty) {
+          {
+            checkCSSPropertyStringCoercion(value, styleName);
+          }
+
+          serialized += delimiter + styleName + ":" + ("" + value).trim();
+        } else {
+          if (
+            typeof value === "number" &&
+            value !== 0 &&
+            !(
+              isUnitlessNumber.hasOwnProperty(styleName) &&
+              isUnitlessNumber[styleName]
+            )
+          ) {
+            serialized +=
+              delimiter + hyphenateStyleName(styleName) + ":" + value + "px";
+          } else {
+            {
+              checkCSSPropertyStringCoercion(value, styleName);
+            }
+
+            serialized +=
+              delimiter +
+              hyphenateStyleName(styleName) +
+              ":" +
+              ("" + value).trim();
+          }
+        }
+
         delimiter = ";";
       }
     }
@@ -4195,28 +4301,44 @@ function setValueForStyles(node, styles) {
       continue;
     }
 
+    var value = styles[styleName];
     var isCustomProperty = styleName.indexOf("--") === 0;
 
     {
       if (!isCustomProperty) {
-        warnValidStyle(styleName, styles[styleName]);
+        warnValidStyle(styleName, value);
       }
     }
 
-    var styleValue = dangerousStyleValue(
-      styleName,
-      styles[styleName],
-      isCustomProperty
-    );
-
-    if (styleName === "float") {
-      styleName = "cssFloat";
-    }
-
-    if (isCustomProperty) {
-      style.setProperty(styleName, styleValue);
+    if (value == null || typeof value === "boolean" || value === "") {
+      if (isCustomProperty) {
+        style.setProperty(styleName, "");
+      } else if (styleName === "float") {
+        style.cssFloat = "";
+      } else {
+        style[styleName] = "";
+      }
+    } else if (isCustomProperty) {
+      style.setProperty(styleName, value);
+    } else if (
+      typeof value === "number" &&
+      value !== 0 &&
+      !(
+        isUnitlessNumber.hasOwnProperty(styleName) &&
+        isUnitlessNumber[styleName]
+      )
+    ) {
+      style[styleName] = value + "px"; // Presumes implicit 'px' suffix for unitless numbers
     } else {
-      style[styleName] = styleValue;
+      if (styleName === "float") {
+        style.cssFloat = value;
+      } else {
+        {
+          checkCSSPropertyStringCoercion(value, styleName);
+        }
+
+        style[styleName] = ("" + value).trim();
+      }
     }
   }
 }
@@ -4299,95 +4421,6 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-// For HTML, certain tags should omit their close tag. We keep a list for
-// those special-case tags.
-var omittedCloseTags = {
-  area: true,
-  base: true,
-  br: true,
-  col: true,
-  embed: true,
-  hr: true,
-  img: true,
-  input: true,
-  keygen: true,
-  link: true,
-  meta: true,
-  param: true,
-  source: true,
-  track: true,
-  wbr: true // NOTE: menuitem's close tag should be omitted, but that causes problems.
-};
-
-// `omittedCloseTags` except that `menuitem` should still have its closing tag.
-
-var voidElementTags = assign(
-  {
-    menuitem: true
-  },
-  omittedCloseTags
-);
-
-var HTML$1 = "__html";
-
-function assertValidProps(tag, props) {
-  if (!props) {
-    return;
-  } // Note the use of `==` which checks for null or undefined.
-
-  if (voidElementTags[tag]) {
-    if (props.children != null || props.dangerouslySetInnerHTML != null) {
-      throw new Error(
-        tag +
-          " is a void element tag and must neither have `children` nor " +
-          "use `dangerouslySetInnerHTML`."
-      );
-    }
-  }
-
-  if (props.dangerouslySetInnerHTML != null) {
-    if (props.children != null) {
-      throw new Error(
-        "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
-      );
-    }
-
-    if (
-      typeof props.dangerouslySetInnerHTML !== "object" ||
-      !(HTML$1 in props.dangerouslySetInnerHTML)
-    ) {
-      throw new Error(
-        "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
-          "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
-          "for more information."
-      );
-    }
-  }
-
-  {
-    if (
-      !props.suppressContentEditableWarning &&
-      props.contentEditable &&
-      props.children != null
-    ) {
-      error(
-        "A component is `contentEditable` and contains `children` managed by " +
-          "React. It is now your responsibility to guarantee that none of " +
-          "those nodes are unexpectedly modified or duplicated. This is " +
-          "probably not intentional."
-      );
-    }
-  }
-
-  if (props.style != null && typeof props.style !== "object") {
-    throw new Error(
-      "The `style` prop expects a mapping from style properties to values, " +
-        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
-        "using JSX."
-    );
-  }
-}
-
 function isCustomComponent(tagName, props) {
   if (tagName.indexOf("-") === -1) {
     return typeof props.is === "string";
@@ -5236,8 +5269,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -5252,7 +5284,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -5267,52 +5299,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
@@ -5389,13 +5446,6 @@ function validateProperties(type, props, eventRegistry) {
 
 var didWarnInvalidHydration = false;
 var didWarnScriptTags = false;
-var DANGEROUSLY_SET_INNER_HTML = "dangerouslySetInnerHTML";
-var SUPPRESS_CONTENT_EDITABLE_WARNING = "suppressContentEditableWarning";
-var SUPPRESS_HYDRATION_WARNING$1 = "suppressHydrationWarning";
-var AUTOFOCUS = "autoFocus";
-var CHILDREN = "children";
-var STYLE$1 = "style";
-var HTML = "__html";
 var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
@@ -5430,6 +5480,19 @@ function validatePropertiesInDevelopment(type, props) {
       registrationNameDependencies: registrationNameDependencies,
       possibleRegistrationNames: possibleRegistrationNames
     });
+
+    if (
+      props.contentEditable &&
+      !props.suppressContentEditableWarning &&
+      props.children != null
+    ) {
+      error(
+        "A component is `contentEditable` and contains `children` managed by " +
+          "React. It is now your responsibility to guarantee that none of " +
+          "those nodes are unexpectedly modified or duplicated. This is " +
+          "probably not intentional."
+      );
+    }
   }
 }
 
@@ -5598,62 +5661,135 @@ function setInitialDOMProperties(
 
     var nextProp = nextProps[propKey];
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      setValueForStyles(domElement, nextProp);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      if (nextHtml != null) {
-        if (disableIEWorkarounds) {
-          domElement.innerHTML = nextHtml;
-        } else {
-          setInnerHTML$1(domElement, nextHtml);
+        setValueForStyles(domElement, nextProp);
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
+          }
+
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            if (disableIEWorkarounds) {
+              domElement.innerHTML = nextHtml;
+            } else {
+              setInnerHTML$1(domElement, nextHtml);
+            }
+          }
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string") {
-        // Avoid setting initial textContent when the text is empty. In IE11 setting
-        // textContent on a <textarea> will cause the placeholder to not
-        // show within the <textarea> until it has been focused and blurred again.
-        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
-        var canSetTextContent =
-          tag !== "body" && (tag !== "textarea" || nextProp !== "");
 
-        if (canSetTextContent) {
-          setTextContent(domElement, nextProp);
+      case "children": {
+        if (typeof nextProp === "string") {
+          // Avoid setting initial textContent when the text is empty. In IE11 setting
+          // textContent on a <textarea> will cause the placeholder to not
+          // show within the <textarea> until it has been focused and blurred again.
+          // https://github.com/facebook/react/issues/6731#issuecomment-254874553
+          var canSetTextContent =
+            tag !== "body" && (tag !== "textarea" || nextProp !== "");
+
+          if (canSetTextContent) {
+            setTextContent(domElement, nextProp);
+          }
+        } else if (typeof nextProp === "number") {
+          var _canSetTextContent = tag !== "body";
+
+          if (_canSetTextContent) {
+            setTextContent(domElement, "" + nextProp);
+          }
         }
-      } else if (typeof nextProp === "number") {
-        var _canSetTextContent = tag !== "body";
 
-        if (_canSetTextContent) {
-          setTextContent(domElement, "" + nextProp);
+        break;
+      }
+
+      case "onScroll": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
+          listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        break;
       }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // We polyfill it separately on the client during commit.
+        // We could have excluded it in the property list instead of
+        // adding a special case here, but then it wouldn't be emitted
+        // on server rendering (but we *do* want to emit it in SSR).
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
         }
 
-        if (propKey === "onScroll") {
-          listenToNonDelegatedEvent("scroll", domElement);
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+        } else if (nextProp != null) {
+          if (isCustomComponentTag) {
+            setValueForPropertyOnCustomComponent(domElement, propKey, nextProp);
+          } else {
+            setValueForProperty(domElement, propKey, nextProp);
+          }
         }
       }
-    } else if (nextProp != null) {
-      setValueForProperty(domElement, propKey, nextProp, isCustomComponentTag);
     }
   }
 }
@@ -5669,18 +5805,32 @@ function updateDOMProperties(
     var propKey = updatePayload[i];
     var propValue = updatePayload[i + 1];
 
-    if (propKey === STYLE$1) {
-      setValueForStyles(domElement, propValue);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      if (disableIEWorkarounds) {
-        domElement.innerHTML = propValue;
-      } else {
-        setInnerHTML$1(domElement, propValue);
-      }
-    } else if (propKey === CHILDREN) {
-      setTextContent(domElement, propValue);
-    } else {
-      setValueForProperty(domElement, propKey, propValue, isCustomComponentTag);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+
+      case "dangerouslySetInnerHTML":
+        if (disableIEWorkarounds) {
+          domElement.innerHTML = propValue;
+        } else {
+          setInnerHTML$1(domElement, propValue);
+        }
+
+        break;
+
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+
+      default:
+        if (isCustomComponentTag) {
+          setValueForPropertyOnCustomComponent(domElement, propKey, propValue);
+        } else {
+          setValueForProperty(domElement, propKey, propValue);
+        }
+
+        break;
     }
   }
 } // creates a script element that won't execute
@@ -5830,8 +5980,19 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the load event.
+
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -5848,15 +6009,39 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "source":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the error event.
+
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
 
     case "img":
-    case "image":
     case "link":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
+    // eslint-disable-next-line no-fallthrough
+
+    case "image":
       // We listen to these events in case to ensure emulated bubble
       // listeners still fire for error and load events.
       listenToNonDelegatedEvent("error", domElement);
@@ -5872,6 +6057,17 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "input":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps); // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the invalid event.
@@ -5900,11 +6096,35 @@ function setInitialProperties(domElement, tag, rawProps) {
       listenToNonDelegatedEvent("invalid", domElement);
       break;
 
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       props = rawProps;
   }
 
-  assertValidProps(tag, props);
   setInitialDOMProperties(tag, domElement, props, isCustomComponentTag);
 
   switch (tag) {
@@ -5951,6 +6171,17 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
 
   switch (tag) {
     case "input":
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       lastProps = getHostProps$2(domElement, lastRawProps);
       nextProps = getHostProps$2(domElement, nextRawProps);
       updatePayload = [];
@@ -5968,6 +6199,35 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       updatePayload = [];
       break;
 
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       lastProps = lastRawProps;
       nextProps = nextRawProps;
@@ -5983,7 +6243,6 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       break;
   }
 
-  assertValidProps(tag, nextProps);
   var propKey;
   var styleName;
   var styleUpdates = null;
@@ -5997,35 +6256,67 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      var lastStyle = lastProps[propKey];
+    switch (propKey) {
+      case "style": {
+        var lastStyle = lastProps[propKey];
 
-      for (styleName in lastStyle) {
-        if (lastStyle.hasOwnProperty(styleName)) {
-          if (!styleUpdates) {
-            styleUpdates = {};
-          }
+        for (styleName in lastStyle) {
+          if (lastStyle.hasOwnProperty(styleName)) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
 
-          styleUpdates[styleName] = "";
+            styleUpdates[styleName] = "";
+          }
         }
+
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN);
-    else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      // This is a special case. If any listener updates we need to ensure
-      // that the "current" fiber pointer gets updated so we need a commit
-      // to update this element.
-      if (!updatePayload) {
-        updatePayload = [];
+
+      case "dangerouslySetInnerHTML":
+      case "children": {
+        // Noop. This is handled by the clear text mechanism.
+        break;
+      }
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop. It doesn't work on updates anyway.
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" fiber pointer gets updated so we need a commit
+          // to update this element.
+          if (!updatePayload) {
+            updatePayload = [];
+          }
+        } else {
+          // For all other deleted properties we add it to the queue. We use
+          // the allowed property list in the commit phase instead.
+          (updatePayload = updatePayload || []).push(propKey, null);
+        }
       }
-    } else {
-      // For all other deleted properties we add it to the queue. We use
-      // the allowed property list in the commit phase instead.
-      (updatePayload = updatePayload || []).push(propKey, null);
     }
   }
 
@@ -6041,102 +6332,179 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      }
 
-      if (lastProp) {
-        // Unset styles on `lastProp` but not on `nextProp`.
-        for (styleName in lastProp) {
-          if (
-            lastProp.hasOwnProperty(styleName) &&
-            (!nextProp || !nextProp.hasOwnProperty(styleName))
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        }
+
+        if (lastProp) {
+          // Unset styles on `lastProp` but not on `nextProp`.
+          for (styleName in lastProp) {
+            if (
+              lastProp.hasOwnProperty(styleName) &&
+              (!nextProp || !nextProp.hasOwnProperty(styleName))
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
+
+              styleUpdates[styleName] = "";
             }
+          } // Update styles that changed since `lastProp`.
 
-            styleUpdates[styleName] = "";
-          }
-        } // Update styles that changed since `lastProp`.
+          for (styleName in nextProp) {
+            if (
+              nextProp.hasOwnProperty(styleName) &&
+              lastProp[styleName] !== nextProp[styleName]
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
 
-        for (styleName in nextProp) {
-          if (
-            nextProp.hasOwnProperty(styleName) &&
-            lastProp[styleName] !== nextProp[styleName]
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+              styleUpdates[styleName] = nextProp[styleName];
+            }
+          }
+        } else {
+          // Relies on `updateStylesByID` not mutating `styleUpdates`.
+          if (!styleUpdates) {
+            if (!updatePayload) {
+              updatePayload = [];
             }
 
-            styleUpdates[styleName] = nextProp[styleName];
+            updatePayload.push(propKey, styleUpdates);
           }
+
+          styleUpdates = nextProp;
         }
-      } else {
-        // Relies on `updateStylesByID` not mutating `styleUpdates`.
-        if (!styleUpdates) {
-          if (!updatePayload) {
-            updatePayload = [];
+
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
           }
 
-          updatePayload.push(propKey, styleUpdates);
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            var lastHtml = lastProp ? lastProp.__html : undefined;
+
+            if (lastHtml !== nextHtml) {
+              (updatePayload = updatePayload || []).push(propKey, nextHtml);
+            }
+          }
         }
 
-        styleUpdates = nextProp;
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
-      var lastHtml = lastProp ? lastProp[HTML] : undefined;
 
-      if (nextHtml != null) {
-        if (lastHtml !== nextHtml) {
-          (updatePayload = updatePayload || []).push(propKey, nextHtml);
+      case "children": {
+        if (typeof nextProp === "string" || typeof nextProp === "number") {
+          (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string" || typeof nextProp === "number") {
-        (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
-      }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        // We eagerly listen to this even though we haven't committed yet.
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
-        }
 
-        if (propKey === "onScroll") {
+      case "onScroll": {
+        if (nextProp != null) {
+          // We eagerly listen to this even though we haven't committed yet.
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
           listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        if (!updatePayload && lastProp !== nextProp) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" props pointer gets updated so we need a commit
+          // to update this element.
+          updatePayload = [];
+        }
+
+        break;
       }
 
-      if (!updatePayload && lastProp !== nextProp) {
-        // This is a special case. If any listener updates we need to ensure
-        // that the "current" props pointer gets updated so we need a commit
-        // to update this element.
-        updatePayload = [];
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop on updates
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            // We eagerly listen to this even though we haven't committed yet.
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+
+          if (!updatePayload && lastProp !== nextProp) {
+            // This is a special case. If any listener updates we need to ensure
+            // that the "current" props pointer gets updated so we need a commit
+            // to update this element.
+            updatePayload = [];
+          }
+        } else {
+          // For any other property we always add it to the queue and then we
+          // filter it out using the allowed property list during the commit.
+          (updatePayload = updatePayload || []).push(propKey, nextProp);
+        }
       }
-    } else {
-      // For any other property we always add it to the queue and then we
-      // filter it out using the allowed property list during the commit.
-      (updatePayload = updatePayload || []).push(propKey, nextProp);
     }
   }
 
   if (styleUpdates) {
     {
-      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps[STYLE$1]);
+      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps.style);
     }
 
-    (updatePayload = updatePayload || []).push(STYLE$1, styleUpdates);
+    (updatePayload = updatePayload || []).push("style", styleUpdates);
   }
 
   return updatePayload;
@@ -6203,6 +6571,269 @@ function getPossibleStandardName(propName) {
   }
 }
 
+function diffHydratedStyles(domElement, value) {
+  if (value != null && typeof value !== "object") {
+    throw new Error(
+      "The `style` prop expects a mapping from style properties to values, " +
+        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+        "using JSX."
+    );
+  }
+
+  if (canDiffStyleForHydrationWarning) {
+    var expectedStyle = createDangerousStringForStyles(value);
+    var serverValue = domElement.getAttribute("style");
+
+    if (expectedStyle !== serverValue) {
+      warnForPropDifference("style", serverValue, expectedStyle);
+    }
+  }
+}
+
+function diffHydratedCustomComponent(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+
+      case "offsetParent":
+      case "offsetTop":
+      case "offsetLeft":
+      case "offsetWidth":
+      case "offsetHeight":
+      case "isContentEditable":
+      case "outerText":
+      case "outerHTML":
+        if (enableCustomElementPropertySupport) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+
+          {
+            error(
+              "Assignment to read-only property will result in a no-op: `%s`",
+              propKey
+            );
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        var ownNamespaceDev = parentNamespaceDev;
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          ownNamespaceDev = getIntrinsicNamespace(tag);
+        }
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+        } else {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey);
+        }
+
+        var serverValue = getValueForAttributeOnCustomComponent(
+          domElement,
+          propKey,
+          nextProp
+        );
+
+        if (nextProp !== serverValue) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+      }
+    }
+  }
+}
+
+function diffHydratedGenericElement(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "value": // Controlled attributes are not validated
+
+      case "checked": // TODO: Only ignore them on controlled tags.
+
+      case "selected":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+      // eslint-disable-next-line no-fallthrough
+
+      default:
+        if (
+          // shouldIgnoreAttribute
+          // We have already filtered out null/undefined and reserved words.
+          propKey.length > 2 &&
+          (propKey[0] === "o" || propKey[0] === "O") &&
+          (propKey[1] === "n" || propKey[1] === "N")
+        ) {
+          continue;
+        }
+
+        var propertyInfo = getPropertyInfo(propKey);
+        var isMismatchDueToBadCasing = false;
+        var serverValue = void 0;
+
+        if (propertyInfo !== null) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propertyInfo.attributeName);
+          serverValue = getValueForProperty(
+            domElement,
+            propKey,
+            nextProp,
+            propertyInfo
+          );
+        } else {
+          var ownNamespaceDev = parentNamespaceDev;
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            ownNamespaceDev = getIntrinsicNamespace(tag);
+          }
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            // $FlowFixMe - Should be inferred as not undefined.
+            extraAttributeNames.delete(propKey.toLowerCase());
+          } else {
+            var standardName = getPossibleStandardName(propKey);
+
+            if (standardName !== null && standardName !== propKey) {
+              // If an SVG prop is supplied with bad casing, it will
+              // be successfully parsed from HTML, but will produce a mismatch
+              // (and would be incorrectly rendered on the client).
+              // However, we already warn about bad casing elsewhere.
+              // So we'll skip the misleading extra mismatch warning in this case.
+              isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+
+              extraAttributeNames.delete(standardName);
+            } // $FlowFixMe - Should be inferred as not undefined.
+
+            extraAttributeNames.delete(propKey);
+          }
+
+          serverValue = getValueForAttribute(domElement, propKey, nextProp);
+        }
+
+        if (nextProp !== serverValue && !isMismatchDueToBadCasing) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+    }
+  }
+}
+
 function diffHydratedProperties(
   domElement,
   tag,
@@ -6211,8 +6842,6 @@ function diffHydratedProperties(
   shouldWarnDev,
   parentNamespaceDev
 ) {
-  var extraAttributeNames;
-
   {
     validatePropertiesInDevelopment(tag, rawProps);
   } // TODO: Make sure that we check isMounted before firing any of these events.
@@ -6292,35 +6921,6 @@ function diffHydratedProperties(
     listenToNonDelegatedEvent("scroll", domElement);
   }
 
-  assertValidProps(tag, rawProps);
-
-  {
-    extraAttributeNames = new Set();
-    var attributes = domElement.attributes;
-
-    for (var _i = 0; _i < attributes.length; _i++) {
-      var name = attributes[_i].name.toLowerCase();
-
-      switch (name) {
-        // Controlled attributes are not validated
-        // TODO: Only ignore them on controlled tags.
-        case "value":
-          break;
-
-        case "checked":
-          break;
-
-        case "selected":
-          break;
-
-        default:
-          // Intentionally use the original name.
-          // See discussion in https://github.com/facebook/react/pull/10676.
-          extraAttributeNames.add(attributes[_i].name);
-      }
-    }
-  }
-
   var updatePayload = null;
   var children = rawProps.children; // For text content children we compare against textContent. This
   // might match additional HTML that is hidden when we read it using
@@ -6334,7 +6934,7 @@ function diffHydratedProperties(
 
   if (typeof children === "string" || typeof children === "number") {
     if (domElement.textContent !== "" + children) {
-      if (rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true) {
+      if (rawProps.suppressHydrationWarning !== true) {
         checkForUnmatchedText(
           domElement.textContent,
           children,
@@ -6344,180 +6944,59 @@ function diffHydratedProperties(
       }
 
       if (!isConcurrentMode) {
-        updatePayload = [CHILDREN, children];
+        updatePayload = ["children", children];
       }
     }
   }
 
   if (shouldWarnDev) {
-    var isCustomComponentTag = isCustomComponent(tag, rawProps);
-
-    for (var propKey in rawProps) {
-      if (!rawProps.hasOwnProperty(propKey)) {
-        continue;
-      }
-
-      var nextProp = rawProps[propKey];
-
-      if (propKey === CHILDREN);
-      else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-        if (nextProp != null) {
-          if (typeof nextProp !== "function") {
-            warnForInvalidEventListener(propKey, nextProp);
-          }
-        }
-      } else {
-        // Validate that the properties correspond to their expected values.
-        var serverValue = void 0;
-        var propertyInfo =
-          isCustomComponentTag && enableCustomElementPropertySupport
-            ? null
-            : getPropertyInfo(propKey);
-
-        if (rawProps[SUPPRESS_HYDRATION_WARNING$1] === true);
-        else if (
-          propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-          propKey === SUPPRESS_HYDRATION_WARNING$1 || // Controlled attributes are not validated
-          // TODO: Only ignore them on controlled tags.
-          propKey === "value" ||
-          propKey === "checked" ||
-          propKey === "selected"
-        );
-        else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-          var serverHTML = domElement.innerHTML;
-          var nextHtml = nextProp ? nextProp[HTML] : undefined;
-
-          if (nextHtml != null) {
-            var expectedHTML = normalizeHTML(domElement, nextHtml);
-
-            if (expectedHTML !== serverHTML) {
-              warnForPropDifference(propKey, serverHTML, expectedHTML);
-            }
-          }
-        } else if (propKey === STYLE$1) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey);
-
-          if (canDiffStyleForHydrationWarning) {
-            var expectedStyle = createDangerousStringForStyles(nextProp);
-            serverValue = domElement.getAttribute("style");
-
-            if (expectedStyle !== serverValue) {
-              warnForPropDifference(propKey, serverValue, expectedStyle);
-            }
-          }
-        } else if (
-          enableCustomElementPropertySupport &&
-          isCustomComponentTag &&
-          (propKey === "offsetParent" ||
-            propKey === "offsetTop" ||
-            propKey === "offsetLeft" ||
-            propKey === "offsetWidth" ||
-            propKey === "offsetHeight" ||
-            propKey === "isContentEditable" ||
-            propKey === "outerText" ||
-            propKey === "outerHTML")
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-
-          {
-            error(
-              "Assignment to read-only property will result in a no-op: `%s`",
-              propKey
-            );
-          }
-        } else if (
-          isCustomComponentTag &&
-          !enableCustomElementPropertySupport
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-          serverValue = getValueForAttribute(
-            domElement,
-            propKey,
-            nextProp,
-            isCustomComponentTag
-          );
-
-          if (nextProp !== serverValue) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        } else if (
-          !shouldIgnoreAttribute(propKey, propertyInfo, isCustomComponentTag) &&
-          !shouldRemoveAttribute(
-            propKey,
-            nextProp,
-            propertyInfo,
-            isCustomComponentTag
-          )
-        ) {
-          var isMismatchDueToBadCasing = false;
-
-          if (propertyInfo !== null) {
-            // $FlowFixMe - Should be inferred as not undefined.
-            extraAttributeNames.delete(propertyInfo.attributeName);
-            serverValue = getValueForProperty(
-              domElement,
-              propKey,
-              nextProp,
-              propertyInfo
-            );
-          } else {
-            var ownNamespaceDev = parentNamespaceDev;
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              ownNamespaceDev = getIntrinsicNamespace(tag);
-            }
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              // $FlowFixMe - Should be inferred as not undefined.
-              extraAttributeNames.delete(propKey.toLowerCase());
-            } else {
-              var standardName = getPossibleStandardName(propKey);
-
-              if (standardName !== null && standardName !== propKey) {
-                // If an SVG prop is supplied with bad casing, it will
-                // be successfully parsed from HTML, but will produce a mismatch
-                // (and would be incorrectly rendered on the client).
-                // However, we already warn about bad casing elsewhere.
-                // So we'll skip the misleading extra mismatch warning in this case.
-                isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+    var extraAttributeNames = new Set();
+    var attributes = domElement.attributes;
 
-                extraAttributeNames.delete(standardName);
-              } // $FlowFixMe - Should be inferred as not undefined.
+    for (var _i = 0; _i < attributes.length; _i++) {
+      var name = attributes[_i].name.toLowerCase();
 
-              extraAttributeNames.delete(propKey);
-            }
+      switch (name) {
+        // Controlled attributes are not validated
+        // TODO: Only ignore them on controlled tags.
+        case "value":
+          break;
 
-            serverValue = getValueForAttribute(
-              domElement,
-              propKey,
-              nextProp,
-              isCustomComponentTag
-            );
-          }
+        case "checked":
+          break;
 
-          var dontWarnCustomElement =
-            enableCustomElementPropertySupport &&
-            isCustomComponentTag &&
-            (typeof nextProp === "function" || typeof nextProp === "object");
+        case "selected":
+          break;
 
-          if (
-            !dontWarnCustomElement &&
-            nextProp !== serverValue &&
-            !isMismatchDueToBadCasing
-          ) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        }
+        default:
+          // Intentionally use the original name.
+          // See discussion in https://github.com/facebook/react/pull/10676.
+          extraAttributeNames.add(attributes[_i].name);
       }
     }
 
+    if (isCustomComponent(tag, rawProps)) {
+      diffHydratedCustomComponent(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    } else {
+      diffHydratedGenericElement(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    }
+
     if (
       // $FlowFixMe - Should be inferred as not undefined.
       extraAttributeNames.size > 0 &&
-      rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true
+      rawProps.suppressHydrationWarning !== true
     ) {
       // $FlowFixMe - Should be inferred as not undefined.
       warnForExtraAttributes(extraAttributeNames);
@@ -10899,7 +11378,11 @@ function unhideInstance(instance, props) {
     styleProp.hasOwnProperty("display")
       ? styleProp.display
       : null;
-  instance.style.display = dangerousStyleValue("display", display);
+  instance.style.display =
+    display == null || typeof display === "boolean"
+      ? "" // The value would've errored already if it wasn't safe.
+      : // eslint-disable-next-line react-internal/safe-string-coercion
+        ("" + display).trim();
 }
 function unhideTextInstance(textInstance, text) {
   textInstance.nodeValue = text;
@@ -38584,7 +39067,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-adde0958";
+var ReactVersion = "18.3.0-www-classic-2169d48f";
 
 function createPortal$1(
   children,
diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
index 3edc841fa1c97..aa744eb90fe6d 100644
--- a/compiled/facebook-www/ReactDOM-dev.modern.js
+++ b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -616,9 +616,6 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -677,134 +674,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
-  if (propertyInfo !== null) {
-    return propertyInfo.type === RESERVED;
-  }
-
-  if (isCustomComponentTag) {
-    return false;
-  }
-
-  if (
-    name.length > 2 &&
-    (name[0] === "o" || name[0] === "O") &&
-    (name[1] === "n" || name[1] === "N")
-  ) {
-    return true;
-  }
-
-  return false;
-}
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (value === null || typeof value === "undefined") {
-    return true;
-  }
-
-  if (
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  ) {
-    return true;
-  }
-
-  if (isCustomComponentTag) {
-    if (enableCustomElementPropertySupport) {
-      if (value === false) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  if (propertyInfo !== null) {
-    {
-      if (propertyInfo.removeEmptyString && value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          }
-        }
-
-        return true;
-      }
-    }
-
-    switch (propertyInfo.type) {
-      case BOOLEAN:
-        return !value;
-
-      case OVERLOADED_BOOLEAN:
-        return value === false;
-
-      case NUMERIC:
-        return isNaN(value);
-
-      case POSITIVE_NUMERIC:
-        return isNaN(value) || value < 1;
-    }
-  }
-
-  return false;
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -833,37 +702,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -1264,62 +1103,156 @@ function getValueForProperty(node, name, expected, propertyInfo) {
     if (propertyInfo.mustUseProperty) {
       var propertyName = propertyInfo.propertyName;
       return node[propertyName];
-    } else {
-      // This check protects multiple uses of `expected`, which is why the
-      // react-internal/safe-string-coercion rule is disabled in several spots
-      // below.
-      {
-        checkAttributeStringCoercion(expected, name);
+    }
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (!node.hasAttribute(attributeName)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          if (!propertyInfo.acceptsBooleans) {
+            return expected;
+          }
+        }
       }
 
-      var attributeName = propertyInfo.attributeName;
-      var stringValue = null;
+      switch (propertyInfo.type) {
+        case BOOLEAN: {
+          if (!expected) {
+            return expected;
+          }
 
-      if (propertyInfo.type === OVERLOADED_BOOLEAN) {
-        if (node.hasAttribute(attributeName)) {
-          var value = node.getAttribute(attributeName);
+          break;
+        }
 
-          if (value === "") {
-            return true;
+        case OVERLOADED_BOOLEAN: {
+          if (expected === false) {
+            return expected;
           }
 
-          if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-            return value;
-          } // eslint-disable-next-line react-internal/safe-string-coercion
+          break;
+        }
 
-          if (value === "" + expected) {
+        case NUMERIC: {
+          if (isNaN(expected)) {
             return expected;
           }
 
-          return value;
+          break;
         }
-      } else if (node.hasAttribute(attributeName)) {
-        if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-          // We had an attribute but shouldn't have had one, so read it
-          // for the error message.
-          return node.getAttribute(attributeName);
+
+        case POSITIVE_NUMERIC: {
+          if (isNaN(expected) || expected < 1) {
+            return expected;
+          }
+
+          break;
         }
+      }
+
+      {
+        if (propertyInfo.removeEmptyString && expected === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
+          }
 
-        if (propertyInfo.type === BOOLEAN) {
+          return expected;
+        }
+      }
+
+      return expected === undefined ? undefined : null;
+    } // Even if this property uses a namespace we use getAttribute
+    // because we assume its namespaced name is the same as our config.
+    // To use getAttributeNS we need the local name which we don't have
+    // in our config atm.
+
+    var value = node.getAttribute(attributeName);
+
+    if (expected == null) {
+      // We had an attribute but shouldn't have had one, so read it
+      // for the error message.
+      return value;
+    } // shouldRemoveAttribute
+
+    switch (propertyInfo.type) {
+      case BOOLEAN: {
+        if (expected) {
           // If this was a boolean, it doesn't matter what the value is
           // the fact that we have it is the same as the expected.
+          // As long as it's positive.
           return expected;
-        } // Even if this property uses a namespace we use getAttribute
-        // because we assume its namespaced name is the same as our config.
-        // To use getAttributeNS we need the local name which we don't have
-        // in our config atm.
+        }
 
-        stringValue = node.getAttribute(attributeName);
+        return value;
       }
 
-      if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-        return stringValue === null ? expected : stringValue; // eslint-disable-next-line react-internal/safe-string-coercion
-      } else if (stringValue === "" + expected) {
-        return expected;
-      } else {
-        return stringValue;
+      case OVERLOADED_BOOLEAN: {
+        if (value === "") {
+          return true;
+        }
+
+        if (expected === false) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case NUMERIC: {
+        if (isNaN(expected)) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case POSITIVE_NUMERIC: {
+        if (isNaN(expected) || expected < 1) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
       }
     }
+
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
   }
 }
 /**
@@ -1328,20 +1261,87 @@ function getValueForProperty(node, name, expected, propertyInfo) {
  * attributes have multiple equivalent values.
  */
 
-function getValueForAttribute(node, name, expected, isCustomComponentTag) {
+function getValueForAttribute(node, name, expected) {
   {
     if (!isAttributeNameSafe(name)) {
       return;
     }
 
     if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          var prefix = name.toLowerCase().slice(0, 5);
+
+          if (prefix !== "data-" && prefix !== "aria-") {
+            return expected;
+          }
+        }
+      }
+
       return expected === undefined ? undefined : null;
     }
 
     var value = node.getAttribute(name);
 
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
+  }
+}
+function getValueForAttributeOnCustomComponent(node, name, expected) {
+  {
+    if (!isAttributeNameSafe(name)) {
+      return;
+    }
+
+    if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "symbol":
+        case "object":
+          // Symbols and objects are ignored when they're emitted so
+          // it would be expected that they end up not having an attribute.
+          return expected;
+
+        case "function":
+          if (enableCustomElementPropertySupport) {
+            return expected;
+          }
+
+          break;
+
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (expected === false) {
+              return expected;
+            }
+          }
+      }
+
+      return expected === undefined ? undefined : null;
+    }
+
+    if (enableCustomElementPropertySupport && name === "className") {
+      // className is a special cased property on the server to render as an attribute.
+      name = "class";
+    }
+
+    var value = node.getAttribute(name);
+
     if (enableCustomElementPropertySupport) {
-      if (isCustomComponentTag && value === "") {
+      if (value === "" && expected === true) {
         return true;
       }
     }
@@ -1365,22 +1365,203 @@ function getValueForAttribute(node, name, expected, isCustomComponentTag) {
  * @param {*} value
  */
 
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var propertyInfo = getPropertyInfo(name);
-
-  if (shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag)) {
+function setValueForProperty(node, name, value) {
+  if (
+    // shouldIgnoreAttribute
+    // We have already filtered out reserved words.
+    name.length > 2 &&
+    (name[0] === "o" || name[0] === "O") &&
+    (name[1] === "n" || name[1] === "N")
+  ) {
     return;
   }
 
+  var propertyInfo = getPropertyInfo(name);
+
+  if (propertyInfo !== null) {
+    if (propertyInfo.mustUseProperty) {
+      // We assume mustUseProperty are of BOOLEAN type because that's the only way we use it
+      // right now.
+      node[propertyInfo.propertyName] =
+        value && typeof value !== "function" && typeof value !== "symbol";
+      return;
+    } // The rest are treated as attributes with special cases.
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (value === null) {
+      node.removeAttribute(attributeName);
+      return;
+    } // shouldRemoveAttribute
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(attributeName);
+        return;
+
+      case "boolean": {
+        if (!propertyInfo.acceptsBooleans) {
+          node.removeAttribute(attributeName);
+          return;
+        }
+      }
+    }
+
+    {
+      if (propertyInfo.removeEmptyString && value === "") {
+        {
+          if (name === "src") {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "This may cause the browser to download the whole page again over the network. " +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          } else {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          }
+        }
+
+        node.removeAttribute(attributeName);
+        return;
+      }
+    }
+
+    switch (propertyInfo.type) {
+      case BOOLEAN:
+        if (value) {
+          node.setAttribute(attributeName, "");
+        } else {
+          node.removeAttribute(attributeName);
+          return;
+        }
+
+        break;
+
+      case OVERLOADED_BOOLEAN:
+        if (value === true) {
+          node.setAttribute(attributeName, "");
+        } else if (value === false) {
+          node.removeAttribute(attributeName);
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        }
+
+        return;
+
+      case NUMERIC:
+        if (!isNaN(value)) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      case POSITIVE_NUMERIC:
+        if (!isNaN(value) && value >= 1) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      default: {
+        var attributeValue; // `setAttribute` with objects becomes only `[object]` in IE8/9,
+        // ('' + value) makes it output the correct toString()-value.
+
+        if (enableTrustedTypesIntegration) {
+          attributeValue = value;
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          attributeValue = "" + value;
+        }
+
+        if (propertyInfo.sanitizeURL) {
+          sanitizeURL(attributeValue.toString());
+        }
+
+        var attributeNamespace = propertyInfo.attributeNamespace;
+
+        if (attributeNamespace) {
+          node.setAttributeNS(
+            attributeNamespace,
+            attributeName,
+            attributeValue
+          );
+        } else {
+          node.setAttribute(attributeName, attributeValue);
+        }
+      }
+    }
+  } else if (isAttributeNameSafe(name)) {
+    // If the prop isn't in the special list, treat it as a simple attribute.
+    // shouldRemoveAttribute
+    if (value === null) {
+      node.removeAttribute(name);
+      return;
+    }
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
+
+      case "boolean": {
+        var prefix = name.toLowerCase().slice(0, 5);
+
+        if (prefix !== "data-" && prefix !== "aria-") {
+          node.removeAttribute(name);
+          return;
+        }
+      }
+    }
+
+    {
+      checkAttributeStringCoercion(value, name);
+    }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
   if (
     enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
     name[0] === "o" &&
     name[1] === "n"
   ) {
-    var eventName = name.replace(/Capture$/, "");
-    var useCapture = name !== eventName;
-    eventName = eventName.slice(2);
+    var useCapture = name.endsWith("Capture");
+    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -1404,99 +1585,44 @@ function setValueForProperty(node, name, value, isCustomComponentTag) {
     }
   }
 
-  if (
-    enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
-    name in node
-  ) {
+  if (enableCustomElementPropertySupport && name in node) {
     node[name] = value;
     return;
   }
 
-  if (shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag)) {
-    value = null;
-  }
-
-  if (enableCustomElementPropertySupport) {
-    if (isCustomComponentTag && value === true) {
-      value = "";
-    }
-  } // If the prop isn't in the special list, treat it as a simple attribute.
-
-  if (isCustomComponentTag || propertyInfo === null) {
-    if (isAttributeNameSafe(name)) {
-      var _attributeName = name;
-
-      if (value === null) {
-        node.removeAttribute(_attributeName);
-      } else {
-        {
-          checkAttributeStringCoercion(value, name);
-        }
-
-        node.setAttribute(
-          _attributeName,
-          enableTrustedTypesIntegration ? value : "" + value
-        );
-      }
-    }
-
-    return;
-  }
-
-  var mustUseProperty = propertyInfo.mustUseProperty;
-
-  if (mustUseProperty) {
-    var propertyName = propertyInfo.propertyName;
-
+  if (isAttributeNameSafe(name)) {
+    // shouldRemoveAttribute
     if (value === null) {
-      var type = propertyInfo.type;
-      node[propertyName] = type === BOOLEAN ? false : "";
-    } else {
-      // Contrary to `setAttribute`, object properties are properly
-      // `toString`ed by IE8/9.
-      node[propertyName] = value;
+      node.removeAttribute(name);
+      return;
     }
 
-    return;
-  } // The rest are treated as attributes with special cases.
-
-  var attributeName = propertyInfo.attributeName,
-    attributeNamespace = propertyInfo.attributeNamespace;
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
 
-  if (value === null) {
-    node.removeAttribute(attributeName);
-  } else {
-    var _type = propertyInfo.type;
-    var attributeValue;
+      case "boolean": {
+        if (enableCustomElementPropertySupport) {
+          if (value === true) {
+            node.setAttribute(name, "");
+            return;
+          }
 
-    if (_type === BOOLEAN || (_type === OVERLOADED_BOOLEAN && value === true)) {
-      // If attribute type is boolean, we know for sure it won't be an execution sink
-      // and we won't require Trusted Type here.
-      attributeValue = "";
-    } else {
-      // `setAttribute` with objects becomes only `[object]` in IE8/9,
-      // ('' + value) makes it output the correct toString()-value.
-      if (enableTrustedTypesIntegration) {
-        attributeValue = value;
-      } else {
-        {
-          checkAttributeStringCoercion(value, attributeName);
+          node.removeAttribute(name);
+          return;
         }
-
-        attributeValue = "" + value;
-      }
-
-      if (propertyInfo.sanitizeURL) {
-        sanitizeURL(attributeValue.toString());
       }
     }
 
-    if (attributeNamespace) {
-      node.setAttributeNS(attributeNamespace, attributeName, attributeValue);
-    } else {
-      node.setAttribute(attributeName, attributeValue);
+    {
+      checkAttributeStringCoercion(value, name);
     }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
   }
 }
 
@@ -2547,7 +2673,7 @@ function updateChecked(element, props) {
   var checked = props.checked;
 
   if (checked != null) {
-    setValueForProperty(node, "checked", checked, false);
+    node.checked = checked;
   }
 }
 function updateWrapper$1(element, props) {
@@ -3539,122 +3665,6 @@ var shorthandToLonghand = {
   wordWrap: ["overflowWrap"]
 };
 
-/**
- * CSS properties which accept numbers but are not in units of "px".
- */
-var isUnitlessNumber = {
-  animationIterationCount: true,
-  aspectRatio: true,
-  borderImageOutset: true,
-  borderImageSlice: true,
-  borderImageWidth: true,
-  boxFlex: true,
-  boxFlexGroup: true,
-  boxOrdinalGroup: true,
-  columnCount: true,
-  columns: true,
-  flex: true,
-  flexGrow: true,
-  flexPositive: true,
-  flexShrink: true,
-  flexNegative: true,
-  flexOrder: true,
-  gridArea: true,
-  gridRow: true,
-  gridRowEnd: true,
-  gridRowSpan: true,
-  gridRowStart: true,
-  gridColumn: true,
-  gridColumnEnd: true,
-  gridColumnSpan: true,
-  gridColumnStart: true,
-  fontWeight: true,
-  lineClamp: true,
-  lineHeight: true,
-  opacity: true,
-  order: true,
-  orphans: true,
-  scale: true,
-  tabSize: true,
-  widows: true,
-  zIndex: true,
-  zoom: true,
-  // SVG-related properties
-  fillOpacity: true,
-  floodOpacity: true,
-  stopOpacity: true,
-  strokeDasharray: true,
-  strokeDashoffset: true,
-  strokeMiterlimit: true,
-  strokeOpacity: true,
-  strokeWidth: true
-};
-/**
- * @param {string} prefix vendor-specific prefix, eg: Webkit
- * @param {string} key style name, eg: transitionDuration
- * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
- * WebkitTransitionDuration
- */
-
-function prefixKey(prefix, key) {
-  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
-}
-/**
- * Support style names that may come passed in prefixed by adding permutations
- * of vendor prefixes.
- */
-
-var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
-// infinite loop, because it iterates over the newly added props too.
-
-Object.keys(isUnitlessNumber).forEach(function (prop) {
-  prefixes.forEach(function (prefix) {
-    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
-  });
-});
-
-/**
- * Convert a value into the proper css writable value. The style name `name`
- * should be logical (no hyphens), as specified
- * in `CSSProperty.isUnitlessNumber`.
- *
- * @param {string} name CSS property name such as `topMargin`.
- * @param {*} value CSS property value such as `10px`.
- * @return {string} Normalized style value with dimensions applied.
- */
-
-function dangerousStyleValue(name, value, isCustomProperty) {
-  // Note that we've removed escapeTextForBrowser() calls here since the
-  // whole string will be escaped when the attribute is injected into
-  // the markup. If you provide unsafe user data here they can inject
-  // arbitrary CSS which may be problematic (I couldn't repro this):
-  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
-  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
-  // This is not an XSS hole but instead a potential CSS injection issue
-  // which has lead to a greater discussion about how we're going to
-  // trust URLs moving forward. See #2115901
-  var isEmpty = value == null || typeof value === "boolean" || value === "";
-
-  if (isEmpty) {
-    return "";
-  }
-
-  if (
-    !isCustomProperty &&
-    typeof value === "number" &&
-    value !== 0 &&
-    !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-  ) {
-    return value + "px"; // Presumes implicit 'px' suffix for unitless numbers
-  }
-
-  {
-    checkCSSPropertyStringCoercion(value, name);
-  }
-
-  return ("" + value).trim();
-}
-
 var uppercasePattern = /([A-Z])/g;
 var msPattern$1 = /^ms-/;
 /**
@@ -3793,6 +3803,80 @@ function warnValidStyle(name, value) {
   }
 }
 
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+var isUnitlessNumber = {
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columnCount: true,
+  columns: true,
+  flex: true,
+  flexGrow: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  flexOrder: true,
+  gridArea: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowSpan: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnSpan: true,
+  gridColumnStart: true,
+  fontWeight: true,
+  lineClamp: true,
+  lineHeight: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  scale: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  // SVG-related properties
+  fillOpacity: true,
+  floodOpacity: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+
+function prefixKey(prefix, key) {
+  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+
+var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+// infinite loop, because it iterates over the newly added props too.
+
+Object.keys(isUnitlessNumber).forEach(function (prop) {
+  prefixes.forEach(function (prefix) {
+    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+  });
+});
+
 /**
  * Operations for dealing with CSS properties.
  */
@@ -3814,19 +3898,41 @@ function createDangerousStringForStyles(styles) {
         continue;
       }
 
-      var styleValue = styles[styleName];
+      var value = styles[styleName];
 
-      if (styleValue != null) {
+      if (value != null && typeof value !== "boolean" && value !== "") {
         var isCustomProperty = styleName.indexOf("--") === 0;
-        serialized +=
-          delimiter +
-          (isCustomProperty ? styleName : hyphenateStyleName(styleName)) +
-          ":";
-        serialized += dangerousStyleValue(
-          styleName,
-          styleValue,
-          isCustomProperty
-        );
+
+        if (isCustomProperty) {
+          {
+            checkCSSPropertyStringCoercion(value, styleName);
+          }
+
+          serialized += delimiter + styleName + ":" + ("" + value).trim();
+        } else {
+          if (
+            typeof value === "number" &&
+            value !== 0 &&
+            !(
+              isUnitlessNumber.hasOwnProperty(styleName) &&
+              isUnitlessNumber[styleName]
+            )
+          ) {
+            serialized +=
+              delimiter + hyphenateStyleName(styleName) + ":" + value + "px";
+          } else {
+            {
+              checkCSSPropertyStringCoercion(value, styleName);
+            }
+
+            serialized +=
+              delimiter +
+              hyphenateStyleName(styleName) +
+              ":" +
+              ("" + value).trim();
+          }
+        }
+
         delimiter = ";";
       }
     }
@@ -3850,28 +3956,44 @@ function setValueForStyles(node, styles) {
       continue;
     }
 
+    var value = styles[styleName];
     var isCustomProperty = styleName.indexOf("--") === 0;
 
     {
       if (!isCustomProperty) {
-        warnValidStyle(styleName, styles[styleName]);
+        warnValidStyle(styleName, value);
       }
     }
 
-    var styleValue = dangerousStyleValue(
-      styleName,
-      styles[styleName],
-      isCustomProperty
-    );
-
-    if (styleName === "float") {
-      styleName = "cssFloat";
-    }
-
-    if (isCustomProperty) {
-      style.setProperty(styleName, styleValue);
+    if (value == null || typeof value === "boolean" || value === "") {
+      if (isCustomProperty) {
+        style.setProperty(styleName, "");
+      } else if (styleName === "float") {
+        style.cssFloat = "";
+      } else {
+        style[styleName] = "";
+      }
+    } else if (isCustomProperty) {
+      style.setProperty(styleName, value);
+    } else if (
+      typeof value === "number" &&
+      value !== 0 &&
+      !(
+        isUnitlessNumber.hasOwnProperty(styleName) &&
+        isUnitlessNumber[styleName]
+      )
+    ) {
+      style[styleName] = value + "px"; // Presumes implicit 'px' suffix for unitless numbers
     } else {
-      style[styleName] = styleValue;
+      if (styleName === "float") {
+        style.cssFloat = value;
+      } else {
+        {
+          checkCSSPropertyStringCoercion(value, styleName);
+        }
+
+        style[styleName] = ("" + value).trim();
+      }
     }
   }
 }
@@ -3954,95 +4076,6 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-// For HTML, certain tags should omit their close tag. We keep a list for
-// those special-case tags.
-var omittedCloseTags = {
-  area: true,
-  base: true,
-  br: true,
-  col: true,
-  embed: true,
-  hr: true,
-  img: true,
-  input: true,
-  keygen: true,
-  link: true,
-  meta: true,
-  param: true,
-  source: true,
-  track: true,
-  wbr: true // NOTE: menuitem's close tag should be omitted, but that causes problems.
-};
-
-// `omittedCloseTags` except that `menuitem` should still have its closing tag.
-
-var voidElementTags = assign(
-  {
-    menuitem: true
-  },
-  omittedCloseTags
-);
-
-var HTML$1 = "__html";
-
-function assertValidProps(tag, props) {
-  if (!props) {
-    return;
-  } // Note the use of `==` which checks for null or undefined.
-
-  if (voidElementTags[tag]) {
-    if (props.children != null || props.dangerouslySetInnerHTML != null) {
-      throw new Error(
-        tag +
-          " is a void element tag and must neither have `children` nor " +
-          "use `dangerouslySetInnerHTML`."
-      );
-    }
-  }
-
-  if (props.dangerouslySetInnerHTML != null) {
-    if (props.children != null) {
-      throw new Error(
-        "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
-      );
-    }
-
-    if (
-      typeof props.dangerouslySetInnerHTML !== "object" ||
-      !(HTML$1 in props.dangerouslySetInnerHTML)
-    ) {
-      throw new Error(
-        "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
-          "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
-          "for more information."
-      );
-    }
-  }
-
-  {
-    if (
-      !props.suppressContentEditableWarning &&
-      props.contentEditable &&
-      props.children != null
-    ) {
-      error(
-        "A component is `contentEditable` and contains `children` managed by " +
-          "React. It is now your responsibility to guarantee that none of " +
-          "those nodes are unexpectedly modified or duplicated. This is " +
-          "probably not intentional."
-      );
-    }
-  }
-
-  if (props.style != null && typeof props.style !== "object") {
-    throw new Error(
-      "The `style` prop expects a mapping from style properties to values, " +
-        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
-        "using JSX."
-    );
-  }
-}
-
 function isCustomComponent(tagName, props) {
   if (tagName.indexOf("-") === -1) {
     return typeof props.is === "string";
@@ -4891,8 +4924,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -4907,7 +4939,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -4922,52 +4954,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
@@ -33376,7 +33433,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-52358352";
+var ReactVersion = "18.3.0-www-modern-4e328d6f";
 
 function createPortal$1(
   children,
@@ -38616,13 +38673,6 @@ function getListenerSetKey(domEventName, capture) {
 
 var didWarnInvalidHydration = false;
 var didWarnScriptTags = false;
-var DANGEROUSLY_SET_INNER_HTML = "dangerouslySetInnerHTML";
-var SUPPRESS_CONTENT_EDITABLE_WARNING = "suppressContentEditableWarning";
-var SUPPRESS_HYDRATION_WARNING$1 = "suppressHydrationWarning";
-var AUTOFOCUS = "autoFocus";
-var CHILDREN = "children";
-var STYLE$1 = "style";
-var HTML = "__html";
 var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
@@ -38657,6 +38707,19 @@ function validatePropertiesInDevelopment(type, props) {
       registrationNameDependencies: registrationNameDependencies,
       possibleRegistrationNames: possibleRegistrationNames
     });
+
+    if (
+      props.contentEditable &&
+      !props.suppressContentEditableWarning &&
+      props.children != null
+    ) {
+      error(
+        "A component is `contentEditable` and contains `children` managed by " +
+          "React. It is now your responsibility to guarantee that none of " +
+          "those nodes are unexpectedly modified or duplicated. This is " +
+          "probably not intentional."
+      );
+    }
   }
 }
 
@@ -38825,62 +38888,135 @@ function setInitialDOMProperties(
 
     var nextProp = nextProps[propKey];
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      setValueForStyles(domElement, nextProp);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      if (nextHtml != null) {
-        if (disableIEWorkarounds) {
-          domElement.innerHTML = nextHtml;
-        } else {
-          setInnerHTML$1(domElement, nextHtml);
+        setValueForStyles(domElement, nextProp);
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
+          }
+
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            if (disableIEWorkarounds) {
+              domElement.innerHTML = nextHtml;
+            } else {
+              setInnerHTML$1(domElement, nextHtml);
+            }
+          }
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string") {
-        // Avoid setting initial textContent when the text is empty. In IE11 setting
-        // textContent on a <textarea> will cause the placeholder to not
-        // show within the <textarea> until it has been focused and blurred again.
-        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
-        var canSetTextContent =
-          tag !== "body" && (tag !== "textarea" || nextProp !== "");
 
-        if (canSetTextContent) {
-          setTextContent(domElement, nextProp);
+      case "children": {
+        if (typeof nextProp === "string") {
+          // Avoid setting initial textContent when the text is empty. In IE11 setting
+          // textContent on a <textarea> will cause the placeholder to not
+          // show within the <textarea> until it has been focused and blurred again.
+          // https://github.com/facebook/react/issues/6731#issuecomment-254874553
+          var canSetTextContent =
+            tag !== "body" && (tag !== "textarea" || nextProp !== "");
+
+          if (canSetTextContent) {
+            setTextContent(domElement, nextProp);
+          }
+        } else if (typeof nextProp === "number") {
+          var _canSetTextContent = tag !== "body";
+
+          if (_canSetTextContent) {
+            setTextContent(domElement, "" + nextProp);
+          }
         }
-      } else if (typeof nextProp === "number") {
-        var _canSetTextContent = tag !== "body";
 
-        if (_canSetTextContent) {
-          setTextContent(domElement, "" + nextProp);
+        break;
+      }
+
+      case "onScroll": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
+          listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        break;
       }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // We polyfill it separately on the client during commit.
+        // We could have excluded it in the property list instead of
+        // adding a special case here, but then it wouldn't be emitted
+        // on server rendering (but we *do* want to emit it in SSR).
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
         }
 
-        if (propKey === "onScroll") {
-          listenToNonDelegatedEvent("scroll", domElement);
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+        } else if (nextProp != null) {
+          if (isCustomComponentTag) {
+            setValueForPropertyOnCustomComponent(domElement, propKey, nextProp);
+          } else {
+            setValueForProperty(domElement, propKey, nextProp);
+          }
         }
       }
-    } else if (nextProp != null) {
-      setValueForProperty(domElement, propKey, nextProp, isCustomComponentTag);
     }
   }
 }
@@ -38896,18 +39032,32 @@ function updateDOMProperties(
     var propKey = updatePayload[i];
     var propValue = updatePayload[i + 1];
 
-    if (propKey === STYLE$1) {
-      setValueForStyles(domElement, propValue);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      if (disableIEWorkarounds) {
-        domElement.innerHTML = propValue;
-      } else {
-        setInnerHTML$1(domElement, propValue);
-      }
-    } else if (propKey === CHILDREN) {
-      setTextContent(domElement, propValue);
-    } else {
-      setValueForProperty(domElement, propKey, propValue, isCustomComponentTag);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+
+      case "dangerouslySetInnerHTML":
+        if (disableIEWorkarounds) {
+          domElement.innerHTML = propValue;
+        } else {
+          setInnerHTML$1(domElement, propValue);
+        }
+
+        break;
+
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+
+      default:
+        if (isCustomComponentTag) {
+          setValueForPropertyOnCustomComponent(domElement, propKey, propValue);
+        } else {
+          setValueForProperty(domElement, propKey, propValue);
+        }
+
+        break;
     }
   }
 } // creates a script element that won't execute
@@ -39057,8 +39207,19 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the load event.
+
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -39075,15 +39236,39 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "source":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the error event.
+
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
 
     case "img":
-    case "image":
     case "link":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
+    // eslint-disable-next-line no-fallthrough
+
+    case "image":
       // We listen to these events in case to ensure emulated bubble
       // listeners still fire for error and load events.
       listenToNonDelegatedEvent("error", domElement);
@@ -39099,6 +39284,17 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "input":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps); // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the invalid event.
@@ -39127,11 +39323,35 @@ function setInitialProperties(domElement, tag, rawProps) {
       listenToNonDelegatedEvent("invalid", domElement);
       break;
 
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       props = rawProps;
   }
 
-  assertValidProps(tag, props);
   setInitialDOMProperties(tag, domElement, props, isCustomComponentTag);
 
   switch (tag) {
@@ -39178,6 +39398,17 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
 
   switch (tag) {
     case "input":
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       lastProps = getHostProps$2(domElement, lastRawProps);
       nextProps = getHostProps$2(domElement, nextRawProps);
       updatePayload = [];
@@ -39195,6 +39426,35 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       updatePayload = [];
       break;
 
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       lastProps = lastRawProps;
       nextProps = nextRawProps;
@@ -39210,7 +39470,6 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       break;
   }
 
-  assertValidProps(tag, nextProps);
   var propKey;
   var styleName;
   var styleUpdates = null;
@@ -39224,35 +39483,67 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      var lastStyle = lastProps[propKey];
+    switch (propKey) {
+      case "style": {
+        var lastStyle = lastProps[propKey];
 
-      for (styleName in lastStyle) {
-        if (lastStyle.hasOwnProperty(styleName)) {
-          if (!styleUpdates) {
-            styleUpdates = {};
-          }
+        for (styleName in lastStyle) {
+          if (lastStyle.hasOwnProperty(styleName)) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
 
-          styleUpdates[styleName] = "";
+            styleUpdates[styleName] = "";
+          }
         }
+
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN);
-    else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      // This is a special case. If any listener updates we need to ensure
-      // that the "current" fiber pointer gets updated so we need a commit
-      // to update this element.
-      if (!updatePayload) {
-        updatePayload = [];
+
+      case "dangerouslySetInnerHTML":
+      case "children": {
+        // Noop. This is handled by the clear text mechanism.
+        break;
+      }
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop. It doesn't work on updates anyway.
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" fiber pointer gets updated so we need a commit
+          // to update this element.
+          if (!updatePayload) {
+            updatePayload = [];
+          }
+        } else {
+          // For all other deleted properties we add it to the queue. We use
+          // the allowed property list in the commit phase instead.
+          (updatePayload = updatePayload || []).push(propKey, null);
+        }
       }
-    } else {
-      // For all other deleted properties we add it to the queue. We use
-      // the allowed property list in the commit phase instead.
-      (updatePayload = updatePayload || []).push(propKey, null);
     }
   }
 
@@ -39268,102 +39559,179 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      }
 
-      if (lastProp) {
-        // Unset styles on `lastProp` but not on `nextProp`.
-        for (styleName in lastProp) {
-          if (
-            lastProp.hasOwnProperty(styleName) &&
-            (!nextProp || !nextProp.hasOwnProperty(styleName))
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        }
+
+        if (lastProp) {
+          // Unset styles on `lastProp` but not on `nextProp`.
+          for (styleName in lastProp) {
+            if (
+              lastProp.hasOwnProperty(styleName) &&
+              (!nextProp || !nextProp.hasOwnProperty(styleName))
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
+
+              styleUpdates[styleName] = "";
             }
+          } // Update styles that changed since `lastProp`.
 
-            styleUpdates[styleName] = "";
-          }
-        } // Update styles that changed since `lastProp`.
+          for (styleName in nextProp) {
+            if (
+              nextProp.hasOwnProperty(styleName) &&
+              lastProp[styleName] !== nextProp[styleName]
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
 
-        for (styleName in nextProp) {
-          if (
-            nextProp.hasOwnProperty(styleName) &&
-            lastProp[styleName] !== nextProp[styleName]
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+              styleUpdates[styleName] = nextProp[styleName];
+            }
+          }
+        } else {
+          // Relies on `updateStylesByID` not mutating `styleUpdates`.
+          if (!styleUpdates) {
+            if (!updatePayload) {
+              updatePayload = [];
             }
 
-            styleUpdates[styleName] = nextProp[styleName];
+            updatePayload.push(propKey, styleUpdates);
           }
+
+          styleUpdates = nextProp;
         }
-      } else {
-        // Relies on `updateStylesByID` not mutating `styleUpdates`.
-        if (!styleUpdates) {
-          if (!updatePayload) {
-            updatePayload = [];
+
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
           }
 
-          updatePayload.push(propKey, styleUpdates);
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            var lastHtml = lastProp ? lastProp.__html : undefined;
+
+            if (lastHtml !== nextHtml) {
+              (updatePayload = updatePayload || []).push(propKey, nextHtml);
+            }
+          }
         }
 
-        styleUpdates = nextProp;
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
-      var lastHtml = lastProp ? lastProp[HTML] : undefined;
 
-      if (nextHtml != null) {
-        if (lastHtml !== nextHtml) {
-          (updatePayload = updatePayload || []).push(propKey, nextHtml);
+      case "children": {
+        if (typeof nextProp === "string" || typeof nextProp === "number") {
+          (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string" || typeof nextProp === "number") {
-        (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
-      }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        // We eagerly listen to this even though we haven't committed yet.
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
-        }
 
-        if (propKey === "onScroll") {
+      case "onScroll": {
+        if (nextProp != null) {
+          // We eagerly listen to this even though we haven't committed yet.
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
           listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        if (!updatePayload && lastProp !== nextProp) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" props pointer gets updated so we need a commit
+          // to update this element.
+          updatePayload = [];
+        }
+
+        break;
       }
 
-      if (!updatePayload && lastProp !== nextProp) {
-        // This is a special case. If any listener updates we need to ensure
-        // that the "current" props pointer gets updated so we need a commit
-        // to update this element.
-        updatePayload = [];
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop on updates
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            // We eagerly listen to this even though we haven't committed yet.
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+
+          if (!updatePayload && lastProp !== nextProp) {
+            // This is a special case. If any listener updates we need to ensure
+            // that the "current" props pointer gets updated so we need a commit
+            // to update this element.
+            updatePayload = [];
+          }
+        } else {
+          // For any other property we always add it to the queue and then we
+          // filter it out using the allowed property list during the commit.
+          (updatePayload = updatePayload || []).push(propKey, nextProp);
+        }
       }
-    } else {
-      // For any other property we always add it to the queue and then we
-      // filter it out using the allowed property list during the commit.
-      (updatePayload = updatePayload || []).push(propKey, nextProp);
     }
   }
 
   if (styleUpdates) {
     {
-      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps[STYLE$1]);
+      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps.style);
     }
 
-    (updatePayload = updatePayload || []).push(STYLE$1, styleUpdates);
+    (updatePayload = updatePayload || []).push("style", styleUpdates);
   }
 
   return updatePayload;
@@ -39430,6 +39798,269 @@ function getPossibleStandardName(propName) {
   }
 }
 
+function diffHydratedStyles(domElement, value) {
+  if (value != null && typeof value !== "object") {
+    throw new Error(
+      "The `style` prop expects a mapping from style properties to values, " +
+        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+        "using JSX."
+    );
+  }
+
+  if (canDiffStyleForHydrationWarning) {
+    var expectedStyle = createDangerousStringForStyles(value);
+    var serverValue = domElement.getAttribute("style");
+
+    if (expectedStyle !== serverValue) {
+      warnForPropDifference("style", serverValue, expectedStyle);
+    }
+  }
+}
+
+function diffHydratedCustomComponent(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+
+      case "offsetParent":
+      case "offsetTop":
+      case "offsetLeft":
+      case "offsetWidth":
+      case "offsetHeight":
+      case "isContentEditable":
+      case "outerText":
+      case "outerHTML":
+        if (enableCustomElementPropertySupport) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+
+          {
+            error(
+              "Assignment to read-only property will result in a no-op: `%s`",
+              propKey
+            );
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        var ownNamespaceDev = parentNamespaceDev;
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          ownNamespaceDev = getIntrinsicNamespace(tag);
+        }
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+        } else {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey);
+        }
+
+        var serverValue = getValueForAttributeOnCustomComponent(
+          domElement,
+          propKey,
+          nextProp
+        );
+
+        if (nextProp !== serverValue) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+      }
+    }
+  }
+}
+
+function diffHydratedGenericElement(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "value": // Controlled attributes are not validated
+
+      case "checked": // TODO: Only ignore them on controlled tags.
+
+      case "selected":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+      // eslint-disable-next-line no-fallthrough
+
+      default:
+        if (
+          // shouldIgnoreAttribute
+          // We have already filtered out null/undefined and reserved words.
+          propKey.length > 2 &&
+          (propKey[0] === "o" || propKey[0] === "O") &&
+          (propKey[1] === "n" || propKey[1] === "N")
+        ) {
+          continue;
+        }
+
+        var propertyInfo = getPropertyInfo(propKey);
+        var isMismatchDueToBadCasing = false;
+        var serverValue = void 0;
+
+        if (propertyInfo !== null) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propertyInfo.attributeName);
+          serverValue = getValueForProperty(
+            domElement,
+            propKey,
+            nextProp,
+            propertyInfo
+          );
+        } else {
+          var ownNamespaceDev = parentNamespaceDev;
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            ownNamespaceDev = getIntrinsicNamespace(tag);
+          }
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            // $FlowFixMe - Should be inferred as not undefined.
+            extraAttributeNames.delete(propKey.toLowerCase());
+          } else {
+            var standardName = getPossibleStandardName(propKey);
+
+            if (standardName !== null && standardName !== propKey) {
+              // If an SVG prop is supplied with bad casing, it will
+              // be successfully parsed from HTML, but will produce a mismatch
+              // (and would be incorrectly rendered on the client).
+              // However, we already warn about bad casing elsewhere.
+              // So we'll skip the misleading extra mismatch warning in this case.
+              isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+
+              extraAttributeNames.delete(standardName);
+            } // $FlowFixMe - Should be inferred as not undefined.
+
+            extraAttributeNames.delete(propKey);
+          }
+
+          serverValue = getValueForAttribute(domElement, propKey, nextProp);
+        }
+
+        if (nextProp !== serverValue && !isMismatchDueToBadCasing) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+    }
+  }
+}
+
 function diffHydratedProperties(
   domElement,
   tag,
@@ -39438,8 +40069,6 @@ function diffHydratedProperties(
   shouldWarnDev,
   parentNamespaceDev
 ) {
-  var extraAttributeNames;
-
   {
     validatePropertiesInDevelopment(tag, rawProps);
   } // TODO: Make sure that we check isMounted before firing any of these events.
@@ -39519,35 +40148,6 @@ function diffHydratedProperties(
     listenToNonDelegatedEvent("scroll", domElement);
   }
 
-  assertValidProps(tag, rawProps);
-
-  {
-    extraAttributeNames = new Set();
-    var attributes = domElement.attributes;
-
-    for (var _i = 0; _i < attributes.length; _i++) {
-      var name = attributes[_i].name.toLowerCase();
-
-      switch (name) {
-        // Controlled attributes are not validated
-        // TODO: Only ignore them on controlled tags.
-        case "value":
-          break;
-
-        case "checked":
-          break;
-
-        case "selected":
-          break;
-
-        default:
-          // Intentionally use the original name.
-          // See discussion in https://github.com/facebook/react/pull/10676.
-          extraAttributeNames.add(attributes[_i].name);
-      }
-    }
-  }
-
   var updatePayload = null;
   var children = rawProps.children; // For text content children we compare against textContent. This
   // might match additional HTML that is hidden when we read it using
@@ -39561,7 +40161,7 @@ function diffHydratedProperties(
 
   if (typeof children === "string" || typeof children === "number") {
     if (domElement.textContent !== "" + children) {
-      if (rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true) {
+      if (rawProps.suppressHydrationWarning !== true) {
         checkForUnmatchedText(
           domElement.textContent,
           children,
@@ -39571,180 +40171,59 @@ function diffHydratedProperties(
       }
 
       if (!isConcurrentMode) {
-        updatePayload = [CHILDREN, children];
+        updatePayload = ["children", children];
       }
     }
   }
 
   if (shouldWarnDev) {
-    var isCustomComponentTag = isCustomComponent(tag, rawProps);
-
-    for (var propKey in rawProps) {
-      if (!rawProps.hasOwnProperty(propKey)) {
-        continue;
-      }
-
-      var nextProp = rawProps[propKey];
-
-      if (propKey === CHILDREN);
-      else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-        if (nextProp != null) {
-          if (typeof nextProp !== "function") {
-            warnForInvalidEventListener(propKey, nextProp);
-          }
-        }
-      } else {
-        // Validate that the properties correspond to their expected values.
-        var serverValue = void 0;
-        var propertyInfo =
-          isCustomComponentTag && enableCustomElementPropertySupport
-            ? null
-            : getPropertyInfo(propKey);
-
-        if (rawProps[SUPPRESS_HYDRATION_WARNING$1] === true);
-        else if (
-          propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-          propKey === SUPPRESS_HYDRATION_WARNING$1 || // Controlled attributes are not validated
-          // TODO: Only ignore them on controlled tags.
-          propKey === "value" ||
-          propKey === "checked" ||
-          propKey === "selected"
-        );
-        else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-          var serverHTML = domElement.innerHTML;
-          var nextHtml = nextProp ? nextProp[HTML] : undefined;
-
-          if (nextHtml != null) {
-            var expectedHTML = normalizeHTML(domElement, nextHtml);
-
-            if (expectedHTML !== serverHTML) {
-              warnForPropDifference(propKey, serverHTML, expectedHTML);
-            }
-          }
-        } else if (propKey === STYLE$1) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey);
-
-          if (canDiffStyleForHydrationWarning) {
-            var expectedStyle = createDangerousStringForStyles(nextProp);
-            serverValue = domElement.getAttribute("style");
-
-            if (expectedStyle !== serverValue) {
-              warnForPropDifference(propKey, serverValue, expectedStyle);
-            }
-          }
-        } else if (
-          enableCustomElementPropertySupport &&
-          isCustomComponentTag &&
-          (propKey === "offsetParent" ||
-            propKey === "offsetTop" ||
-            propKey === "offsetLeft" ||
-            propKey === "offsetWidth" ||
-            propKey === "offsetHeight" ||
-            propKey === "isContentEditable" ||
-            propKey === "outerText" ||
-            propKey === "outerHTML")
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-
-          {
-            error(
-              "Assignment to read-only property will result in a no-op: `%s`",
-              propKey
-            );
-          }
-        } else if (
-          isCustomComponentTag &&
-          !enableCustomElementPropertySupport
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-          serverValue = getValueForAttribute(
-            domElement,
-            propKey,
-            nextProp,
-            isCustomComponentTag
-          );
-
-          if (nextProp !== serverValue) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        } else if (
-          !shouldIgnoreAttribute(propKey, propertyInfo, isCustomComponentTag) &&
-          !shouldRemoveAttribute(
-            propKey,
-            nextProp,
-            propertyInfo,
-            isCustomComponentTag
-          )
-        ) {
-          var isMismatchDueToBadCasing = false;
-
-          if (propertyInfo !== null) {
-            // $FlowFixMe - Should be inferred as not undefined.
-            extraAttributeNames.delete(propertyInfo.attributeName);
-            serverValue = getValueForProperty(
-              domElement,
-              propKey,
-              nextProp,
-              propertyInfo
-            );
-          } else {
-            var ownNamespaceDev = parentNamespaceDev;
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              ownNamespaceDev = getIntrinsicNamespace(tag);
-            }
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              // $FlowFixMe - Should be inferred as not undefined.
-              extraAttributeNames.delete(propKey.toLowerCase());
-            } else {
-              var standardName = getPossibleStandardName(propKey);
-
-              if (standardName !== null && standardName !== propKey) {
-                // If an SVG prop is supplied with bad casing, it will
-                // be successfully parsed from HTML, but will produce a mismatch
-                // (and would be incorrectly rendered on the client).
-                // However, we already warn about bad casing elsewhere.
-                // So we'll skip the misleading extra mismatch warning in this case.
-                isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+    var extraAttributeNames = new Set();
+    var attributes = domElement.attributes;
 
-                extraAttributeNames.delete(standardName);
-              } // $FlowFixMe - Should be inferred as not undefined.
+    for (var _i = 0; _i < attributes.length; _i++) {
+      var name = attributes[_i].name.toLowerCase();
 
-              extraAttributeNames.delete(propKey);
-            }
+      switch (name) {
+        // Controlled attributes are not validated
+        // TODO: Only ignore them on controlled tags.
+        case "value":
+          break;
 
-            serverValue = getValueForAttribute(
-              domElement,
-              propKey,
-              nextProp,
-              isCustomComponentTag
-            );
-          }
+        case "checked":
+          break;
 
-          var dontWarnCustomElement =
-            enableCustomElementPropertySupport &&
-            isCustomComponentTag &&
-            (typeof nextProp === "function" || typeof nextProp === "object");
+        case "selected":
+          break;
 
-          if (
-            !dontWarnCustomElement &&
-            nextProp !== serverValue &&
-            !isMismatchDueToBadCasing
-          ) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        }
+        default:
+          // Intentionally use the original name.
+          // See discussion in https://github.com/facebook/react/pull/10676.
+          extraAttributeNames.add(attributes[_i].name);
       }
     }
 
+    if (isCustomComponent(tag, rawProps)) {
+      diffHydratedCustomComponent(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    } else {
+      diffHydratedGenericElement(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    }
+
     if (
       // $FlowFixMe - Should be inferred as not undefined.
       extraAttributeNames.size > 0 &&
-      rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true
+      rawProps.suppressHydrationWarning !== true
     ) {
       // $FlowFixMe - Should be inferred as not undefined.
       warnForExtraAttributes(extraAttributeNames);
@@ -42045,7 +42524,11 @@ function unhideInstance(instance, props) {
     styleProp.hasOwnProperty("display")
       ? styleProp.display
       : null;
-  instance.style.display = dangerousStyleValue("display", display);
+  instance.style.display =
+    display == null || typeof display === "boolean"
+      ? "" // The value would've errored already if it wasn't safe.
+      : // eslint-disable-next-line react-internal/safe-string-coercion
+        ("" + display).trim();
 }
 function unhideTextInstance(textInstance, text) {
   textInstance.nodeValue = text;
diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js
index 5c6cf15eecbdc..a53a1894df427 100644
--- a/compiled/facebook-www/ReactDOM-prod.classic.js
+++ b/compiled/facebook-www/ReactDOM-prod.classic.js
@@ -380,60 +380,6 @@ function isAttributeNameSafe(attributeName) {
   illegalAttributeNameCache[attributeName] = !0;
   return !1;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      return !0;
-    case "boolean":
-      if (isCustomComponentTag) return !1;
-      if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
-      name = name.toLowerCase().slice(0, 5);
-      return "data-" !== name && "aria-" !== name;
-    default:
-      return !1;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (
-    null === value ||
-    "undefined" === typeof value ||
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  )
-    return !0;
-  if (isCustomComponentTag)
-    return enableCustomElementPropertySupport && !1 === value ? !0 : !1;
-  if (null !== propertyInfo) {
-    if (propertyInfo.removeEmptyString && "" === value) return !0;
-    switch (propertyInfo.type) {
-      case 3:
-        return !value;
-      case 4:
-        return !1 === value;
-      case 5:
-        return isNaN(value);
-      case 6:
-        return isNaN(value) || 1 > value;
-    }
-  }
-  return !1;
-}
 function PropertyInfoRecord(
   name,
   type,
@@ -452,16 +398,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -611,110 +548,146 @@ properties.formAction = new PropertyInfoRecord(
 });
 var isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var JSCompiler_inline_result = properties.hasOwnProperty(name)
-    ? properties[name]
-    : null;
-  var JSCompiler_inline_result$jscomp$0 =
-    null !== JSCompiler_inline_result
-      ? 0 === JSCompiler_inline_result.type
-      : isCustomComponentTag
-      ? !1
-      : !(2 < name.length) ||
-        ("o" !== name[0] && "O" !== name[0]) ||
-        ("n" !== name[1] && "N" !== name[1])
-      ? !1
-      : !0;
-  if (!JSCompiler_inline_result$jscomp$0) {
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      "o" === name[0] &&
-      "n" === name[1]
-    ) {
-      JSCompiler_inline_result$jscomp$0 = name.replace(/Capture$/, "");
-      var useCapture = name !== JSCompiler_inline_result$jscomp$0;
-      JSCompiler_inline_result$jscomp$0 =
-        JSCompiler_inline_result$jscomp$0.slice(2);
-      var prevProps = getFiberCurrentPropsFromNode(node);
-      prevProps = null != prevProps ? prevProps[name] : null;
-      "function" === typeof prevProps &&
-        node.removeEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          prevProps,
-          useCapture
-        );
-      if ("function" === typeof value) {
-        "function" !== typeof prevProps &&
-          null !== prevProps &&
-          (name in node
-            ? (node[name] = null)
-            : node.hasAttribute(name) && node.removeAttribute(name));
-        node.addEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          value,
-          useCapture
+function setValueForProperty(node, name, value) {
+  if (
+    !(2 < name.length) ||
+    ("o" !== name[0] && "O" !== name[0]) ||
+    ("n" !== name[1] && "N" !== name[1])
+  ) {
+    var JSCompiler_inline_result = properties.hasOwnProperty(name)
+      ? properties[name]
+      : null;
+    if (null !== JSCompiler_inline_result)
+      if (JSCompiler_inline_result.mustUseProperty)
+        node[JSCompiler_inline_result.propertyName] =
+          value && "function" !== typeof value && "symbol" !== typeof value;
+      else if (
+        ((name = JSCompiler_inline_result.attributeName), null === value)
+      )
+        node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (!JSCompiler_inline_result.acceptsBooleans) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        if (JSCompiler_inline_result.removeEmptyString && "" === value)
+          node.removeAttribute(name);
+        else
+          switch (JSCompiler_inline_result.type) {
+            case 3:
+              value ? node.setAttribute(name, "") : node.removeAttribute(name);
+              break;
+            case 4:
+              !0 === value
+                ? node.setAttribute(name, "")
+                : !1 === value
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 5:
+              isNaN(value)
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 6:
+              !isNaN(value) && 1 <= value
+                ? node.setAttribute(name, value)
+                : node.removeAttribute(name);
+              break;
+            default:
+              value = enableTrustedTypesIntegration ? value : "" + value;
+              if (
+                JSCompiler_inline_result.sanitizeURL &&
+                isJavaScriptProtocol.test(value.toString())
+              )
+                throw Error(formatProdErrorMessage(323));
+              (JSCompiler_inline_result =
+                JSCompiler_inline_result.attributeNamespace)
+                ? node.setAttributeNS(JSCompiler_inline_result, name, value)
+                : node.setAttribute(name, value);
+          }
+      }
+    else if (isAttributeNameSafe(name))
+      if (null === value) node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (
+              ((JSCompiler_inline_result = name.toLowerCase().slice(0, 5)),
+              "data-" !== JSCompiler_inline_result &&
+                "aria-" !== JSCompiler_inline_result)
+            ) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        node.setAttribute(
+          name,
+          enableTrustedTypesIntegration ? value : "" + value
         );
-        return;
       }
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
+  if (
+    enableCustomElementPropertySupport &&
+    "o" === name[0] &&
+    "n" === name[1]
+  ) {
+    var useCapture = name.endsWith("Capture"),
+      eventName = name.substr(2, useCapture ? name.length - 9 : void 0),
+      prevProps = getFiberCurrentPropsFromNode(node);
+    prevProps = null != prevProps ? prevProps[name] : null;
+    "function" === typeof prevProps &&
+      node.removeEventListener(eventName, prevProps, useCapture);
+    if ("function" === typeof value) {
+      "function" !== typeof prevProps &&
+        null !== prevProps &&
+        (name in node
+          ? (node[name] = null)
+          : node.hasAttribute(name) && node.removeAttribute(name));
+      node.addEventListener(eventName, value, useCapture);
+      return;
     }
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      name in node
-    )
-      node[name] = value;
-    else if (
-      (shouldRemoveAttribute(
-        name,
-        value,
-        JSCompiler_inline_result,
-        isCustomComponentTag
-      ) && (value = null),
-      enableCustomElementPropertySupport &&
-        isCustomComponentTag &&
-        !0 === value &&
-        (value = ""),
-      isCustomComponentTag || null === JSCompiler_inline_result)
-    )
-      isAttributeNameSafe(name) &&
-        (null === value
-          ? node.removeAttribute(name)
-          : node.setAttribute(
-              name,
-              enableTrustedTypesIntegration ? value : "" + value
-            ));
-    else if (JSCompiler_inline_result.mustUseProperty)
-      node[JSCompiler_inline_result.propertyName] =
-        null === value
-          ? 3 === JSCompiler_inline_result.type
-            ? !1
-            : ""
-          : value;
-    else if (
-      ((name = JSCompiler_inline_result.attributeName),
-      (isCustomComponentTag = JSCompiler_inline_result.attributeNamespace),
-      null === value)
-    )
-      node.removeAttribute(name);
+  }
+  if (enableCustomElementPropertySupport && name in node) node[name] = value;
+  else if (isAttributeNameSafe(name))
+    if (null === value) node.removeAttribute(name);
     else {
-      JSCompiler_inline_result$jscomp$0 = JSCompiler_inline_result.type;
-      if (
-        3 === JSCompiler_inline_result$jscomp$0 ||
-        (4 === JSCompiler_inline_result$jscomp$0 && !0 === value)
-      )
-        value = "";
-      else if (
-        ((value = enableTrustedTypesIntegration ? value : "" + value),
-        JSCompiler_inline_result.sanitizeURL &&
-          isJavaScriptProtocol.test(value.toString()))
-      )
-        throw Error(formatProdErrorMessage(323));
-      isCustomComponentTag
-        ? node.setAttributeNS(isCustomComponentTag, name, value)
-        : node.setAttribute(name, value);
+      switch (typeof value) {
+        case "undefined":
+        case "function":
+        case "symbol":
+          node.removeAttribute(name);
+          return;
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (!0 === value) {
+              node.setAttribute(name, "");
+              return;
+            }
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
     }
-  }
 }
 var prefix;
 function describeBuiltInComponentFrame(name) {
@@ -755,16 +728,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$4) {
-          control = x$4;
+        } catch (x$2) {
+          control = x$2;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$5) {
-        control = x$5;
+      } catch (x$3) {
+        control = x$3;
       }
       fn();
     }
@@ -945,7 +918,7 @@ function initWrapperState$2(element, props) {
 }
 function updateChecked(element, props) {
   props = props.checked;
-  null != props && setValueForProperty(element, "checked", props, !1);
+  null != props && (element.checked = props);
 }
 function updateWrapper$1(element, props) {
   updateChecked(element, props);
@@ -1198,71 +1171,30 @@ Object.keys(isUnitlessNumber).forEach(function (prop) {
     isUnitlessNumber[prefix] = isUnitlessNumber[prop];
   });
 });
-function dangerousStyleValue(name, value, isCustomProperty) {
-  return null == value || "boolean" === typeof value || "" === value
-    ? ""
-    : isCustomProperty ||
-      "number" !== typeof value ||
-      0 === value ||
-      (isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-    ? ("" + value).trim()
-    : value + "px";
-}
 function setValueForStyles(node, styles) {
   node = node.style;
   for (var styleName in styles)
     if (styles.hasOwnProperty(styleName)) {
-      var isCustomProperty = 0 === styleName.indexOf("--"),
-        styleValue = dangerousStyleValue(
-          styleName,
-          styles[styleName],
-          isCustomProperty
-        );
-      "float" === styleName && (styleName = "cssFloat");
-      isCustomProperty
-        ? node.setProperty(styleName, styleValue)
-        : (node[styleName] = styleValue);
+      var value = styles[styleName],
+        isCustomProperty = 0 === styleName.indexOf("--");
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? node.setProperty(styleName, "")
+          : "float" === styleName
+          ? (node.cssFloat = "")
+          : (node[styleName] = "")
+        : isCustomProperty
+        ? node.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          (isUnitlessNumber.hasOwnProperty(styleName) &&
+            isUnitlessNumber[styleName])
+        ? "float" === styleName
+          ? (node.cssFloat = value)
+          : (node[styleName] = ("" + value).trim())
+        : (node[styleName] = value + "px");
     }
 }
-var voidElementTags = assign(
-  { menuitem: !0 },
-  {
-    area: !0,
-    base: !0,
-    br: !0,
-    col: !0,
-    embed: !0,
-    hr: !0,
-    img: !0,
-    input: !0,
-    keygen: !0,
-    link: !0,
-    meta: !0,
-    param: !0,
-    source: !0,
-    track: !0,
-    wbr: !0
-  }
-);
-function assertValidProps(tag, props) {
-  if (props) {
-    if (
-      voidElementTags[tag] &&
-      (null != props.children || null != props.dangerouslySetInnerHTML)
-    )
-      throw Error(formatProdErrorMessage(137, tag));
-    if (null != props.dangerouslySetInnerHTML) {
-      if (null != props.children) throw Error(formatProdErrorMessage(60));
-      if (
-        "object" !== typeof props.dangerouslySetInnerHTML ||
-        !("__html" in props.dangerouslySetInnerHTML)
-      )
-        throw Error(formatProdErrorMessage(61));
-    }
-    if (null != props.style && "object" !== typeof props.style)
-      throw Error(formatProdErrorMessage(62));
-  }
-}
 function isCustomComponent(tagName, props) {
   if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
   switch (tagName) {
@@ -1308,6 +1240,8 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -1318,12 +1252,16 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "source":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
     case "img":
-    case "image":
     case "link":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
+    case "image":
       listenToNonDelegatedEvent("error", domElement);
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
@@ -1333,6 +1271,8 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "input":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
@@ -1350,45 +1290,81 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = getHostProps(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
       break;
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
     default:
       props = rawProps;
   }
-  assertValidProps(tag, props);
   var nextProps = props,
     propKey;
   for (propKey in nextProps)
     if (nextProps.hasOwnProperty(propKey)) {
       var nextProp = nextProps[propKey];
-      "style" === propKey
-        ? setValueForStyles(domElement, nextProp)
-        : "dangerouslySetInnerHTML" === propKey
-        ? ((nextProp = nextProp ? nextProp.__html : void 0),
-          null != nextProp &&
-            (disableIEWorkarounds
-              ? (domElement.innerHTML = nextProp)
-              : setInnerHTML$1(domElement, nextProp)))
-        : "children" === propKey
-        ? "string" === typeof nextProp
-          ? "body" === tag ||
-            ("textarea" === tag && "" === nextProp) ||
-            setTextContent(domElement, nextProp)
-          : "number" === typeof nextProp &&
-            "body" !== tag &&
-            setTextContent(domElement, "" + nextProp)
-        : "suppressContentEditableWarning" !== propKey &&
-          "suppressHydrationWarning" !== propKey &&
-          "autoFocus" !== propKey &&
-          (registrationNameDependencies.hasOwnProperty(propKey)
-            ? null != nextProp &&
-              "onScroll" === propKey &&
-              listenToNonDelegatedEvent("scroll", domElement)
-            : null != nextProp &&
-              setValueForProperty(
-                domElement,
-                propKey,
-                nextProp,
-                isCustomComponentTag
-              ));
+      switch (propKey) {
+        case "style":
+          if (null != nextProp && "object" !== typeof nextProp)
+            throw Error(formatProdErrorMessage(62));
+          setValueForStyles(domElement, nextProp);
+          break;
+        case "dangerouslySetInnerHTML":
+          if (null != nextProp) {
+            if ("object" !== typeof nextProp || !("__html" in nextProp))
+              throw Error(formatProdErrorMessage(61));
+            nextProp = nextProp.__html;
+            if (null != nextProp) {
+              if (null != nextProps.children)
+                throw Error(formatProdErrorMessage(60));
+              disableIEWorkarounds
+                ? (domElement.innerHTML = nextProp)
+                : setInnerHTML$1(domElement, nextProp);
+            }
+          }
+          break;
+        case "children":
+          "string" === typeof nextProp
+            ? "body" === tag ||
+              ("textarea" === tag && "" === nextProp) ||
+              setTextContent(domElement, nextProp)
+            : "number" === typeof nextProp &&
+              "body" !== tag &&
+              setTextContent(domElement, "" + nextProp);
+          break;
+        case "onScroll":
+          null != nextProp && listenToNonDelegatedEvent("scroll", domElement);
+          break;
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+          break;
+        case "autoFocus":
+          break;
+        case "innerText":
+        case "textContent":
+          if (enableCustomElementPropertySupport) break;
+        default:
+          registrationNameDependencies.hasOwnProperty(propKey) ||
+            (null != nextProp &&
+              (isCustomComponentTag
+                ? setValueForPropertyOnCustomComponent(
+                    domElement,
+                    propKey,
+                    nextProp
+                  )
+                : setValueForProperty(domElement, propKey, nextProp)));
+      }
     }
   switch (tag) {
     case "input":
@@ -1436,15 +1412,23 @@ function updateProperties(
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i],
       propValue = updatePayload[i + 1];
-    "style" === propKey
-      ? setValueForStyles(domElement, propValue)
-      : "dangerouslySetInnerHTML" === propKey
-      ? disableIEWorkarounds
-        ? (domElement.innerHTML = propValue)
-        : setInnerHTML$1(domElement, propValue)
-      : "children" === propKey
-      ? setTextContent(domElement, propValue)
-      : setValueForProperty(domElement, propKey, propValue, lastRawProps);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+      case "dangerouslySetInnerHTML":
+        disableIEWorkarounds
+          ? (domElement.innerHTML = propValue)
+          : setInnerHTML$1(domElement, propValue);
+        break;
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+      default:
+        lastRawProps
+          ? setValueForPropertyOnCustomComponent(domElement, propKey, propValue)
+          : setValueForProperty(domElement, propKey, propValue);
+    }
   }
   switch (tag) {
     case "input":
@@ -1826,12 +1810,12 @@ function markStarvedLanesAsExpired(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$12 = 31 - clz32(lanes),
-      lane = 1 << index$12,
-      expirationTime = expirationTimes[index$12];
+    var index$10 = 31 - clz32(lanes),
+      lane = 1 << index$10,
+      expirationTime = expirationTimes[index$10];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$12] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$10] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -1881,19 +1865,19 @@ function markRootFinished(root, remainingLanes) {
   var eventTimes = root.eventTimes,
     expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$14 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$14;
-    remainingLanes[index$14] = 0;
-    eventTimes[index$14] = -1;
-    expirationTimes[index$14] = -1;
-    var hiddenUpdatesForLane = root[index$14];
+    var index$12 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$12;
+    remainingLanes[index$12] = 0;
+    eventTimes[index$12] = -1;
+    expirationTimes[index$12] = -1;
+    var hiddenUpdatesForLane = root[index$12];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$14] = null, index$14 = 0;
-        index$14 < hiddenUpdatesForLane.length;
-        index$14++
+        root[index$12] = null, index$12 = 0;
+        index$12 < hiddenUpdatesForLane.length;
+        index$12++
       ) {
-        var update = hiddenUpdatesForLane[index$14];
+        var update = hiddenUpdatesForLane[index$12];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -1902,21 +1886,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$15 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$15;
-    (lane & entangledLanes) | (root[index$15] & entangledLanes) &&
-      (root[index$15] |= entangledLanes);
+    var index$13 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$13;
+    (lane & entangledLanes) | (root[index$13] & entangledLanes) &&
+      (root[index$13] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$17 = 31 - clz32(lanes),
-      lane = 1 << index$17;
-    index$17 = root.transitionLanes[index$17];
-    null !== index$17 &&
-      index$17.forEach(function (transition) {
+    var index$15 = 31 - clz32(lanes),
+      lane = 1 << index$15;
+    index$15 = root.transitionLanes[index$15];
+    null !== index$15 &&
+      index$15.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -1926,10 +1910,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$18 = 31 - clz32(lanes),
-        lane = 1 << index$18;
-      null !== root.transitionLanes[index$18] &&
-        (root.transitionLanes[index$18] = null);
+      var index$16 = 31 - clz32(lanes),
+        lane = 1 << index$16;
+      null !== root.transitionLanes[index$16] &&
+        (root.transitionLanes[index$16] = null);
       lanes &= ~lane;
     }
 }
@@ -2127,12 +2111,12 @@ function preinit$1(href, options) {
       switch (as) {
         case "style":
           as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$22 = getStyleKey(href),
+          var key$20 = getStyleKey(href),
             precedence = options.precedence || "default",
-            resource = as.get(key$22);
+            resource = as.get(key$20);
           if (resource) break;
           resource = resourceRoot.querySelector(
-            getStylesheetSelectorFromKey(key$22)
+            getStylesheetSelectorFromKey(key$20)
           );
           resource ||
             ((href = {
@@ -2141,7 +2125,7 @@ function preinit$1(href, options) {
               "data-precedence": precedence,
               crossOrigin: options.crossOrigin
             }),
-            (options = preloadPropsMap.get(key$22)) &&
+            (options = preloadPropsMap.get(key$20)) &&
               adoptPreloadPropsForStylesheet(href, options),
             (resource = (
               resourceRoot.ownerDocument || resourceRoot
@@ -2150,15 +2134,15 @@ function preinit$1(href, options) {
             setInitialProperties(resource, "link", href),
             insertStylesheet(resource, precedence, resourceRoot));
           resource = { type: "stylesheet", instance: resource, count: 1 };
-          as.set(key$22, resource);
+          as.set(key$20, resource);
           break;
         case "script":
           (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$22 = getScriptKey(href)),
-            (precedence = as.get(key$22)),
+            (key$20 = getScriptKey(href)),
+            (precedence = as.get(key$20)),
             precedence ||
               ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$22
+                "script[async]" + key$20
               )),
               precedence ||
                 ((href = {
@@ -2167,7 +2151,7 @@ function preinit$1(href, options) {
                   crossOrigin: options.crossOrigin,
                   integrity: options.integrity
                 }),
-                (options = preloadPropsMap.get(key$22)) &&
+                (options = preloadPropsMap.get(key$20)) &&
                   adoptPreloadPropsForScript(href, options),
                 (options = resourceRoot.ownerDocument || resourceRoot),
                 (precedence = options.createElement("script")),
@@ -2175,13 +2159,13 @@ function preinit$1(href, options) {
                 setInitialProperties(precedence, "link", href),
                 options.head.appendChild(precedence)),
               (precedence = { type: "script", instance: precedence, count: 1 }),
-              as.set(key$22, precedence));
+              as.set(key$20, precedence));
       }
     else if ("style" === as || "script" === as)
       if ((resourceRoot = getDocumentForPreloads())) {
-        key$22 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$22 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$22 + '"]';
+        key$20 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        precedence = key$20 =
+          'link[rel="preload"][as="' + as + '"][href="' + key$20 + '"]';
         switch (as) {
           case "style":
             precedence = getStyleKey(href);
@@ -2198,7 +2182,7 @@ function preinit$1(href, options) {
             integrity: options.integrity
           }),
           preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$22) &&
+          null === resourceRoot.querySelector(key$20) &&
             ((options = resourceRoot.createElement("link")),
             setInitialProperties(options, "link", href),
             markNodeAsHoistable(options),
@@ -2230,14 +2214,14 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.href &&
         "string" === typeof pendingProps.precedence
       ) {
-        var key$29 = getStyleKey(pendingProps.href),
-          styles$30 = getResourcesFromRoot(currentProps).hoistableStyles;
-        type = styles$30.get(key$29);
+        var key$27 = getStyleKey(pendingProps.href),
+          styles$28 = getResourcesFromRoot(currentProps).hoistableStyles;
+        type = styles$28.get(key$27);
         type ||
           ((currentProps = currentProps.ownerDocument || currentProps),
           (type = { type: "stylesheet", instance: null, count: 0 }),
-          styles$30.set(key$29, type),
-          preloadPropsMap.has(key$29) ||
+          styles$28.set(key$27, type),
+          preloadPropsMap.has(key$27) ||
             ((pendingProps = {
               rel: "preload",
               as: "style",
@@ -2248,16 +2232,16 @@ function getResource(type, currentProps, pendingProps) {
               hrefLang: pendingProps.hrefLang,
               referrerPolicy: pendingProps.referrerPolicy
             }),
-            preloadPropsMap.set(key$29, pendingProps),
-            currentProps.querySelector(getStylesheetSelectorFromKey(key$29)) ||
+            preloadPropsMap.set(key$27, pendingProps),
+            currentProps.querySelector(getStylesheetSelectorFromKey(key$27)) ||
               null !==
                 currentProps.querySelector(
-                  'link[rel="preload"][as="style"][' + key$29 + "]"
+                  'link[rel="preload"][as="style"][' + key$27 + "]"
                 ) ||
-              ((key$29 = currentProps.createElement("link")),
-              setInitialProperties(key$29, "link", pendingProps),
-              markNodeAsHoistable(key$29),
-              currentProps.head.appendChild(key$29))));
+              ((key$27 = currentProps.createElement("link")),
+              setInitialProperties(key$27, "link", pendingProps),
+              markNodeAsHoistable(key$27),
+              currentProps.head.appendChild(key$27))));
         return type;
       }
       return null;
@@ -2307,14 +2291,14 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = key);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$37 = hoistableRoot.querySelector(
+        var instance$35 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$37)
+        if (instance$35)
           return (
-            (resource.instance = instance$37),
-            markNodeAsHoistable(instance$37),
-            instance$37
+            (resource.instance = instance$35),
+            markNodeAsHoistable(instance$35),
+            instance$35
           );
         key = assign({}, props, {
           "data-precedence": props.precedence,
@@ -2322,11 +2306,11 @@ function acquireResource(hoistableRoot, resource, props) {
         });
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$37 = (
+        instance$35 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$37);
-        var linkInstance = instance$37;
+        markNodeAsHoistable(instance$35);
+        var linkInstance = instance$35;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
@@ -2338,14 +2322,14 @@ function acquireResource(hoistableRoot, resource, props) {
             return (linkInstance._p.s = "e");
           }
         );
-        setInitialProperties(instance$37, "link", key);
-        insertStylesheet(instance$37, props.precedence, hoistableRoot);
-        return (resource.instance = instance$37);
+        setInitialProperties(instance$35, "link", key);
+        insertStylesheet(instance$35, props.precedence, hoistableRoot);
+        return (resource.instance = instance$35);
       case "script":
-        instance$37 = getScriptKey(props.src);
+        instance$35 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$37
+            "script[async]" + instance$35
           ))
         )
           return (
@@ -2354,7 +2338,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         key = props;
-        if ((styleProps = preloadPropsMap.get(instance$37)))
+        if ((styleProps = preloadPropsMap.get(instance$35)))
           (key = assign({}, props)),
             adoptPreloadPropsForScript(key, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -3202,7 +3186,6 @@ function prepareToHydrateHostInstance(fiber) {
   }
   props.hasOwnProperty("onScroll") &&
     listenToNonDelegatedEvent("scroll", instance);
-  assertValidProps(type, props);
   i = null;
   var children = props.children;
   if (
@@ -4704,10 +4687,10 @@ createFunctionComponentUpdateQueue = function () {
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
     if ("function" === typeof usable.then) {
-      var index$77 = thenableIndexCounter;
+      var index$75 = thenableIndexCounter;
       thenableIndexCounter += 1;
       null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$77);
+      usable = trackUsedThenable(thenableState, usable, index$75);
       null === currentlyRenderingFiber$1.alternate &&
         (null === workInProgressHook
           ? null === currentlyRenderingFiber$1.memoizedState
@@ -5199,16 +5182,16 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$83 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$83) {
+        var root$81 = enqueueUpdate(provider, fiber, lane);
+        if (null !== root$81) {
           var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$83, provider, lane, eventTime);
-          entangleTransitions(root$83, provider, lane);
+          scheduleUpdateOnFiber(root$81, provider, lane, eventTime);
+          entangleTransitions(root$81, provider, lane);
         }
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$83 &&
+          null !== root$81 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -5415,15 +5398,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$79 = workInProgressRoot;
-      if (null === root$79) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$79, renderLanes$1) ||
+      var root$77 = workInProgressRoot;
+      if (null === root$77) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$77, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$79 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$79;
-    mountEffect(subscribeToStore.bind(null, fiber, root$79, subscribe), [
+    root$77 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$77;
+    mountEffect(subscribeToStore.bind(null, fiber, root$77, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -5432,7 +5415,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$79,
+        root$77,
         getServerSnapshot,
         getSnapshot
       ),
@@ -5931,10 +5914,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$94 = workInProgress.stateNode;
+      root$92 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$94.incompleteTransitions.has(transition)) {
+        if (!root$92.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -5942,11 +5925,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$94.incompleteTransitions.set(transition, markerInstance);
+          root$92.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$94.incompleteTransitions.forEach(function (markerInstance) {
+    root$92.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -6646,14 +6629,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$101 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$101)
+    var dehydrated$99 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$99)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$101,
+        dehydrated$99,
         JSCompiler_temp,
         renderLanes
       );
@@ -6663,7 +6646,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$101 = JSCompiler_temp.sibling;
+    dehydrated$99 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -6672,8 +6655,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$101
-      ? (showFallback = createWorkInProgress(dehydrated$101, showFallback))
+    null !== dehydrated$99
+      ? (showFallback = createWorkInProgress(dehydrated$99, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -6692,10 +6675,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$101 = CacheContext._currentValue),
+          ? ((dehydrated$99 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$101
-                ? { parent: dehydrated$101, pool: dehydrated$101 }
+              JSCompiler_temp.parent !== dehydrated$99
+                ? { parent: dehydrated$99, pool: dehydrated$99 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -6709,23 +6692,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$101 = showFallback.updateQueue),
+        (dehydrated$99 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$101
+        null === dehydrated$99
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$101 === primaryChildProps
+          : dehydrated$99 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$101.transitions = didSuspend),
-            (dehydrated$101.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$99.transitions = didSuspend),
+            (dehydrated$99.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -7693,110 +7676,168 @@ function updateHostComponent(current, workInProgress, type, newProps) {
     var updatePayload = null;
     switch (type) {
       case "input":
-        oldProps = getHostProps$2(current, oldProps);
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
+        type = getHostProps$2(current, oldProps);
         newProps = getHostProps$2(current, newProps);
         updatePayload = [];
         break;
       case "select":
-        oldProps = assign({}, oldProps, { value: void 0 });
+        type = assign({}, oldProps, { value: void 0 });
         newProps = assign({}, newProps, { value: void 0 });
         updatePayload = [];
         break;
       case "textarea":
-        oldProps = getHostProps(current, oldProps);
+        type = getHostProps(current, oldProps);
         newProps = getHostProps(current, newProps);
         updatePayload = [];
         break;
+      case "img":
+      case "link":
+      case "area":
+      case "base":
+      case "br":
+      case "col":
+      case "embed":
+      case "hr":
+      case "keygen":
+      case "meta":
+      case "param":
+      case "source":
+      case "track":
+      case "wbr":
+      case "menuitem":
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
       default:
-        "function" !== typeof oldProps.onClick &&
-          "function" === typeof newProps.onClick &&
-          (current.onclick = noop$1);
+        (type = oldProps),
+          "function" !== typeof type.onClick &&
+            "function" === typeof newProps.onClick &&
+            (current.onclick = noop$1);
     }
-    assertValidProps(type, newProps);
     var styleName;
-    type = null;
-    for (JSCompiler_inline_result in oldProps)
+    oldProps = null;
+    for (JSCompiler_inline_result in type)
       if (
         !newProps.hasOwnProperty(JSCompiler_inline_result) &&
-        oldProps.hasOwnProperty(JSCompiler_inline_result) &&
-        null != oldProps[JSCompiler_inline_result]
+        type.hasOwnProperty(JSCompiler_inline_result) &&
+        null != type[JSCompiler_inline_result]
       )
-        if ("style" === JSCompiler_inline_result) {
-          var lastStyle = oldProps[JSCompiler_inline_result];
-          for (styleName in lastStyle)
-            lastStyle.hasOwnProperty(styleName) &&
-              (type || (type = {}), (type[styleName] = ""));
-        } else
-          "dangerouslySetInnerHTML" !== JSCompiler_inline_result &&
-            "children" !== JSCompiler_inline_result &&
-            "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-            "suppressHydrationWarning" !== JSCompiler_inline_result &&
-            "autoFocus" !== JSCompiler_inline_result &&
-            (registrationNameDependencies.hasOwnProperty(
+        switch (JSCompiler_inline_result) {
+          case "style":
+            var lastStyle = type[JSCompiler_inline_result];
+            for (styleName in lastStyle)
+              lastStyle.hasOwnProperty(styleName) &&
+                (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+            break;
+          case "dangerouslySetInnerHTML":
+          case "children":
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
               JSCompiler_inline_result
             )
               ? updatePayload || (updatePayload = [])
               : (updatePayload = updatePayload || []).push(
                   JSCompiler_inline_result,
                   null
-                ));
+                );
+        }
     for (JSCompiler_inline_result in newProps) {
       var nextProp = newProps[JSCompiler_inline_result];
-      lastStyle =
-        null != oldProps ? oldProps[JSCompiler_inline_result] : void 0;
+      lastStyle = null != type ? type[JSCompiler_inline_result] : void 0;
       if (
         newProps.hasOwnProperty(JSCompiler_inline_result) &&
         nextProp !== lastStyle &&
         (null != nextProp || null != lastStyle)
       )
-        if ("style" === JSCompiler_inline_result)
-          if (lastStyle) {
-            for (styleName in lastStyle)
-              !lastStyle.hasOwnProperty(styleName) ||
-                (nextProp && nextProp.hasOwnProperty(styleName)) ||
-                (type || (type = {}), (type[styleName] = ""));
-            for (styleName in nextProp)
-              nextProp.hasOwnProperty(styleName) &&
-                lastStyle[styleName] !== nextProp[styleName] &&
-                (type || (type = {}), (type[styleName] = nextProp[styleName]));
-          } else
-            type ||
-              (updatePayload || (updatePayload = []),
-              updatePayload.push(JSCompiler_inline_result, type)),
-              (type = nextProp);
-        else
-          "dangerouslySetInnerHTML" === JSCompiler_inline_result
-            ? ((nextProp = nextProp ? nextProp.__html : void 0),
-              (lastStyle = lastStyle ? lastStyle.__html : void 0),
-              null != nextProp &&
-                lastStyle !== nextProp &&
-                (updatePayload = updatePayload || []).push(
-                  JSCompiler_inline_result,
-                  nextProp
-                ))
-            : "children" === JSCompiler_inline_result
-            ? ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
+        switch (JSCompiler_inline_result) {
+          case "style":
+            if (null != nextProp && "object" !== typeof nextProp)
+              throw Error(formatProdErrorMessage(62));
+            if (lastStyle) {
+              for (styleName in lastStyle)
+                !lastStyle.hasOwnProperty(styleName) ||
+                  (nextProp && nextProp.hasOwnProperty(styleName)) ||
+                  (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+              for (styleName in nextProp)
+                nextProp.hasOwnProperty(styleName) &&
+                  lastStyle[styleName] !== nextProp[styleName] &&
+                  (oldProps || (oldProps = {}),
+                  (oldProps[styleName] = nextProp[styleName]));
+            } else
+              oldProps ||
+                (updatePayload || (updatePayload = []),
+                updatePayload.push(JSCompiler_inline_result, oldProps)),
+                (oldProps = nextProp);
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != nextProp) {
+              if ("object" !== typeof nextProp || !("__html" in nextProp))
+                throw Error(formatProdErrorMessage(61));
+              nextProp = nextProp.__html;
+              if (null != nextProp) {
+                if (null != newProps.children)
+                  throw Error(formatProdErrorMessage(60));
+                (lastStyle ? lastStyle.__html : void 0) !== nextProp &&
+                  (updatePayload = updatePayload || []).push(
+                    JSCompiler_inline_result,
+                    nextProp
+                  );
+              }
+            }
+            break;
+          case "children":
+            ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
               (updatePayload = updatePayload || []).push(
                 JSCompiler_inline_result,
                 "" + nextProp
-              )
-            : "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-              "suppressHydrationWarning" !== JSCompiler_inline_result &&
-              (registrationNameDependencies.hasOwnProperty(
-                JSCompiler_inline_result
-              )
-                ? (null != nextProp &&
-                    "onScroll" === JSCompiler_inline_result &&
-                    listenToNonDelegatedEvent("scroll", current),
-                  updatePayload ||
-                    lastStyle === nextProp ||
-                    (updatePayload = []))
-                : (updatePayload = updatePayload || []).push(
-                    JSCompiler_inline_result,
-                    nextProp
-                  ));
+              );
+            break;
+          case "onScroll":
+            null != nextProp && listenToNonDelegatedEvent("scroll", current);
+            updatePayload || lastStyle === nextProp || (updatePayload = []);
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
+              JSCompiler_inline_result
+            )
+              ? updatePayload || lastStyle === nextProp || (updatePayload = [])
+              : (updatePayload = updatePayload || []).push(
+                  JSCompiler_inline_result,
+                  nextProp
+                );
+        }
     }
-    type && (updatePayload = updatePayload || []).push("style", type);
+    oldProps && (updatePayload = updatePayload || []).push("style", oldProps);
     var JSCompiler_inline_result = updatePayload;
     (workInProgress.updateQueue = JSCompiler_inline_result) &&
       markUpdate(workInProgress);
@@ -7825,14 +7866,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$132 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$132 = lastTailNode),
+        for (var lastTailNode$130 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$130 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$132
+        null === lastTailNode$130
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$132.sibling = null);
+          : (lastTailNode$130.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -7842,19 +7883,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$133 = completedWork.child; null !== child$133; )
-      (newChildLanes |= child$133.lanes | child$133.childLanes),
-        (subtreeFlags |= child$133.subtreeFlags & 31457280),
-        (subtreeFlags |= child$133.flags & 31457280),
-        (child$133.return = completedWork),
-        (child$133 = child$133.sibling);
+    for (var child$131 = completedWork.child; null !== child$131; )
+      (newChildLanes |= child$131.lanes | child$131.childLanes),
+        (subtreeFlags |= child$131.subtreeFlags & 31457280),
+        (subtreeFlags |= child$131.flags & 31457280),
+        (child$131.return = completedWork),
+        (child$131 = child$131.sibling);
   else
-    for (child$133 = completedWork.child; null !== child$133; )
-      (newChildLanes |= child$133.lanes | child$133.childLanes),
-        (subtreeFlags |= child$133.subtreeFlags),
-        (subtreeFlags |= child$133.flags),
-        (child$133.return = completedWork),
-        (child$133 = child$133.sibling);
+    for (child$131 = completedWork.child; null !== child$131; )
+      (newChildLanes |= child$131.lanes | child$131.childLanes),
+        (subtreeFlags |= child$131.subtreeFlags),
+        (subtreeFlags |= child$131.flags),
+        (child$131.return = completedWork),
+        (child$131 = child$131.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -8572,8 +8613,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$162) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$162);
+      } catch (error$160) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$160);
       }
     else ref.current = null;
 }
@@ -8880,11 +8921,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$164) {
+          } catch (error$162) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$164
+              error$162
             );
           }
         }
@@ -9558,8 +9599,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$177) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$177);
+        } catch (error$175) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$175);
         }
       }
       break;
@@ -9737,11 +9778,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$178) {
+          } catch (error$176) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$178
+              error$176
             );
           }
       break;
@@ -9777,8 +9818,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$179) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$179);
+        } catch (error$177) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$177);
         }
       }
       if (
@@ -9795,8 +9836,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         try {
           updateProperties(flags, maybeNodes, hoistableRoot, current, root),
             (flags[internalPropsKey] = root);
-        } catch (error$182) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$182);
+        } catch (error$180) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$180);
         }
       break;
     case 6:
@@ -9809,8 +9850,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$183) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$183);
+        } catch (error$181) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$181);
         }
       }
       break;
@@ -9824,8 +9865,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$184) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$184);
+        } catch (error$182) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$182);
         }
       break;
     case 4:
@@ -9855,8 +9896,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$186) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$186);
+        } catch (error$184) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$184);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -9918,10 +9959,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         nextNode.hasOwnProperty("display")
                           ? nextNode.display
                           : null),
-                      (i.style.display = dangerousStyleValue(
-                        "display",
-                        nodeName
-                      )));
+                      (i.style.display =
+                        null == nodeName || "boolean" === typeof nodeName
+                          ? ""
+                          : ("" + nodeName).trim()));
               } catch (error) {
                 captureCommitPhaseError(
                   finishedWork,
@@ -9934,11 +9975,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$167) {
+              } catch (error$165) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$167
+                  error$165
                 );
               }
           } else if (
@@ -10013,21 +10054,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$168 = JSCompiler_inline_result.stateNode;
+            var parent$166 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$168, ""),
+              (setTextContent(parent$166, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$169 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$169, parent$168);
+            var before$167 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$167, parent$166);
             break;
           case 3:
           case 4:
-            var parent$170 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$171 = getHostSibling(finishedWork);
+            var parent$168 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$169 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$171,
-              parent$170
+              before$169,
+              parent$168
             );
             break;
           default:
@@ -10497,9 +10538,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$196 = finishedWork.stateNode;
+        var instance$194 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$196._visibility & 4
+          ? instance$194._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -10512,7 +10553,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$196._visibility |= 4),
+            : ((instance$194._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -10520,7 +10561,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$196._visibility |= 4),
+          : ((instance$194._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -10533,7 +10574,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$196
+            instance$194
           );
         break;
       case 24:
@@ -10960,11 +11001,11 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
         enableTransitionTracing)
       ) {
         var transitionLanesMap = root.transitionLanes,
-          index$16 = 31 - clz32(lane),
-          transitions = transitionLanesMap[index$16];
+          index$14 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$14];
         null === transitions && (transitions = new Set());
         transitions.add(transition);
-        transitionLanesMap[index$16] = transitions;
+        transitionLanesMap[index$14] = transitions;
       }
     }
     if (root === workInProgressRoot) {
@@ -11087,16 +11128,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$205 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$203 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$205 &&
-            ((lanes = errorRetryLanes$205),
+          0 !== errorRetryLanes$203 &&
+            ((lanes = errorRetryLanes$203),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$205
+              errorRetryLanes$203
             )));
         }
         if (1 === exitStatus)
@@ -11145,14 +11186,14 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           exitStatus = lanes;
           errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$205 = -1; 0 < exitStatus; ) {
-            var index$11 = 31 - clz32(exitStatus),
-              lane = 1 << index$11;
-            index$11 = errorRetryLanes[index$11];
-            index$11 > errorRetryLanes$205 && (errorRetryLanes$205 = index$11);
+          for (errorRetryLanes$203 = -1; 0 < exitStatus; ) {
+            var index$9 = 31 - clz32(exitStatus),
+              lane = 1 << index$9;
+            index$9 = errorRetryLanes[index$9];
+            index$9 > errorRetryLanes$203 && (errorRetryLanes$203 = index$9);
             exitStatus &= ~lane;
           }
-          exitStatus = errorRetryLanes$205;
+          exitStatus = errorRetryLanes$203;
           exitStatus = now() - exitStatus;
           exitStatus =
             (120 > exitStatus
@@ -11274,9 +11315,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$13 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$13;
-    root[index$13] = -1;
+    var index$11 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$11;
+    root[index$11] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -11484,8 +11525,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$208) {
-      handleThrow(root, thrownValue$208);
+    } catch (thrownValue$206) {
+      handleThrow(root, thrownValue$206);
     }
   while (1);
   resetContextDependencies();
@@ -11591,8 +11632,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$210) {
-      handleThrow(root, thrownValue$210);
+    } catch (thrownValue$208) {
+      handleThrow(root, thrownValue$208);
     }
   while (1);
   resetContextDependencies();
@@ -11747,10 +11788,10 @@ function unwindSuspendedUnitOfWork(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$89 = offscreenQueue.retryQueue;
-                      null === retryQueue$89
+                      var retryQueue$87 = offscreenQueue.retryQueue;
+                      null === retryQueue$87
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$89.add(wakeable);
+                        : retryQueue$87.add(wakeable);
                     }
                   }
                   break;
@@ -11932,12 +11973,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$213 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$211 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$213 &&
+    shouldFireAfterActiveInstanceBlur$211 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -12016,7 +12057,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$214 = rootWithPendingPassiveEffects,
+    var root$212 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -12032,7 +12073,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$214, remainingLanes);
+        releaseRootPooledCache(root$212, remainingLanes);
     }
   }
   return !1;
@@ -13339,12 +13380,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$216 = fiber.stateNode;
-      if (root$216.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$216.pendingLanes);
+      var root$214 = fiber.stateNode;
+      if (root$214.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$214.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$216, lanes | 2),
-          ensureRootIsScheduled(root$216, now()),
+          (markRootEntangled(root$214, lanes | 2),
+          ensureRootIsScheduled(root$214, now()),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncCallbacks()));
@@ -13916,19 +13957,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$319;
+  var JSCompiler_inline_result$jscomp$316;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1614 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1614) {
-      var element$jscomp$inline_1615 = document.createElement("div");
-      element$jscomp$inline_1615.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1614 =
-        "function" === typeof element$jscomp$inline_1615.oninput;
+    var isSupported$jscomp$inline_1607 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1607) {
+      var element$jscomp$inline_1608 = document.createElement("div");
+      element$jscomp$inline_1608.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1607 =
+        "function" === typeof element$jscomp$inline_1608.oninput;
     }
-    JSCompiler_inline_result$jscomp$319 = isSupported$jscomp$inline_1614;
-  } else JSCompiler_inline_result$jscomp$319 = !1;
+    JSCompiler_inline_result$jscomp$316 = isSupported$jscomp$inline_1607;
+  } else JSCompiler_inline_result$jscomp$316 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$319 &&
+    JSCompiler_inline_result$jscomp$316 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14066,20 +14107,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1627 = 0;
-  i$jscomp$inline_1627 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1627++
+  var i$jscomp$inline_1620 = 0;
+  i$jscomp$inline_1620 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1620++
 ) {
-  var eventName$jscomp$inline_1628 =
-      simpleEventPluginEvents[i$jscomp$inline_1627],
-    domEventName$jscomp$inline_1629 =
-      eventName$jscomp$inline_1628.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1630 =
-      eventName$jscomp$inline_1628[0].toUpperCase() +
-      eventName$jscomp$inline_1628.slice(1);
+  var eventName$jscomp$inline_1621 =
+      simpleEventPluginEvents[i$jscomp$inline_1620],
+    domEventName$jscomp$inline_1622 =
+      eventName$jscomp$inline_1621.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1623 =
+      eventName$jscomp$inline_1621[0].toUpperCase() +
+      eventName$jscomp$inline_1621.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1629,
-    "on" + capitalizedEvent$jscomp$inline_1630
+    domEventName$jscomp$inline_1622,
+    "on" + capitalizedEvent$jscomp$inline_1623
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15658,11 +15699,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$231);
+        var instance = getPublicRootInstance(root$229);
         originalCallback.call(instance);
       };
     }
-    var root$231 = createHydrationContainer(
+    var root$229 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -15674,23 +15715,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$231;
-    container[internalContainerInstanceKey] = root$231.current;
+    container._reactRootContainer = root$229;
+    container[internalContainerInstanceKey] = root$229.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$231;
+    return root$229;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$232 = callback;
+    var originalCallback$230 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$233);
-      originalCallback$232.call(instance);
+      var instance = getPublicRootInstance(root$231);
+      originalCallback$230.call(instance);
     };
   }
-  var root$233 = createFiberRoot(
+  var root$231 = createFiberRoot(
     container,
     0,
     !1,
@@ -15702,15 +15743,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$233;
-  container[internalContainerInstanceKey] = root$233.current;
+  container._reactRootContainer = root$231;
+  container[internalContainerInstanceKey] = root$231.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$233, parentComponent, callback);
+    updateContainer(initialChildren, root$231, parentComponent, callback);
   });
-  return root$233;
+  return root$231;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -15769,17 +15810,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1783 = {
+var devToolsConfig$jscomp$inline_1776 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-71b5ccb0",
+  version: "18.3.0-www-classic-603bd603",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2164 = {
-  bundleType: devToolsConfig$jscomp$inline_1783.bundleType,
-  version: devToolsConfig$jscomp$inline_1783.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1783.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1783.rendererConfig,
+var internals$jscomp$inline_2156 = {
+  bundleType: devToolsConfig$jscomp$inline_1776.bundleType,
+  version: devToolsConfig$jscomp$inline_1776.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1776.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1776.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15795,26 +15836,26 @@ var internals$jscomp$inline_2164 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1783.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1776.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-71b5ccb0"
+  reconcilerVersion: "18.3.0-www-classic-603bd603"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2165 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2157 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2165.isDisabled &&
-    hook$jscomp$inline_2165.supportsFiber
+    !hook$jscomp$inline_2157.isDisabled &&
+    hook$jscomp$inline_2157.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2165.inject(
-        internals$jscomp$inline_2164
+      (rendererID = hook$jscomp$inline_2157.inject(
+        internals$jscomp$inline_2156
       )),
-        (injectedHook = hook$jscomp$inline_2165);
+        (injectedHook = hook$jscomp$inline_2157);
     } catch (err) {}
 }
 assign(Internals, {
@@ -16042,4 +16083,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-71b5ccb0";
+exports.version = "18.3.0-www-classic-603bd603";
diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js
index 5f192bfb8fbca..2bce7645ce851 100644
--- a/compiled/facebook-www/ReactDOM-prod.modern.js
+++ b/compiled/facebook-www/ReactDOM-prod.modern.js
@@ -194,60 +194,6 @@ function isAttributeNameSafe(attributeName) {
   illegalAttributeNameCache[attributeName] = !0;
   return !1;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      return !0;
-    case "boolean":
-      if (isCustomComponentTag) return !1;
-      if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
-      name = name.toLowerCase().slice(0, 5);
-      return "data-" !== name && "aria-" !== name;
-    default:
-      return !1;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (
-    null === value ||
-    "undefined" === typeof value ||
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  )
-    return !0;
-  if (isCustomComponentTag)
-    return enableCustomElementPropertySupport && !1 === value ? !0 : !1;
-  if (null !== propertyInfo) {
-    if (propertyInfo.removeEmptyString && "" === value) return !0;
-    switch (propertyInfo.type) {
-      case 3:
-        return !value;
-      case 4:
-        return !1 === value;
-      case 5:
-        return isNaN(value);
-      case 6:
-        return isNaN(value) || 1 > value;
-    }
-  }
-  return !1;
-}
 function PropertyInfoRecord(
   name,
   type,
@@ -266,16 +212,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -425,110 +362,146 @@ properties.formAction = new PropertyInfoRecord(
 });
 var isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var JSCompiler_inline_result = properties.hasOwnProperty(name)
-    ? properties[name]
-    : null;
-  var JSCompiler_inline_result$jscomp$0 =
-    null !== JSCompiler_inline_result
-      ? 0 === JSCompiler_inline_result.type
-      : isCustomComponentTag
-      ? !1
-      : !(2 < name.length) ||
-        ("o" !== name[0] && "O" !== name[0]) ||
-        ("n" !== name[1] && "N" !== name[1])
-      ? !1
-      : !0;
-  if (!JSCompiler_inline_result$jscomp$0) {
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      "o" === name[0] &&
-      "n" === name[1]
-    ) {
-      JSCompiler_inline_result$jscomp$0 = name.replace(/Capture$/, "");
-      var useCapture = name !== JSCompiler_inline_result$jscomp$0;
-      JSCompiler_inline_result$jscomp$0 =
-        JSCompiler_inline_result$jscomp$0.slice(2);
-      var prevProps = getFiberCurrentPropsFromNode(node);
-      prevProps = null != prevProps ? prevProps[name] : null;
-      "function" === typeof prevProps &&
-        node.removeEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          prevProps,
-          useCapture
-        );
-      if ("function" === typeof value) {
-        "function" !== typeof prevProps &&
-          null !== prevProps &&
-          (name in node
-            ? (node[name] = null)
-            : node.hasAttribute(name) && node.removeAttribute(name));
-        node.addEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          value,
-          useCapture
+function setValueForProperty(node, name, value) {
+  if (
+    !(2 < name.length) ||
+    ("o" !== name[0] && "O" !== name[0]) ||
+    ("n" !== name[1] && "N" !== name[1])
+  ) {
+    var JSCompiler_inline_result = properties.hasOwnProperty(name)
+      ? properties[name]
+      : null;
+    if (null !== JSCompiler_inline_result)
+      if (JSCompiler_inline_result.mustUseProperty)
+        node[JSCompiler_inline_result.propertyName] =
+          value && "function" !== typeof value && "symbol" !== typeof value;
+      else if (
+        ((name = JSCompiler_inline_result.attributeName), null === value)
+      )
+        node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (!JSCompiler_inline_result.acceptsBooleans) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        if (JSCompiler_inline_result.removeEmptyString && "" === value)
+          node.removeAttribute(name);
+        else
+          switch (JSCompiler_inline_result.type) {
+            case 3:
+              value ? node.setAttribute(name, "") : node.removeAttribute(name);
+              break;
+            case 4:
+              !0 === value
+                ? node.setAttribute(name, "")
+                : !1 === value
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 5:
+              isNaN(value)
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 6:
+              !isNaN(value) && 1 <= value
+                ? node.setAttribute(name, value)
+                : node.removeAttribute(name);
+              break;
+            default:
+              value = enableTrustedTypesIntegration ? value : "" + value;
+              if (
+                JSCompiler_inline_result.sanitizeURL &&
+                isJavaScriptProtocol.test(value.toString())
+              )
+                throw Error(formatProdErrorMessage(323));
+              (JSCompiler_inline_result =
+                JSCompiler_inline_result.attributeNamespace)
+                ? node.setAttributeNS(JSCompiler_inline_result, name, value)
+                : node.setAttribute(name, value);
+          }
+      }
+    else if (isAttributeNameSafe(name))
+      if (null === value) node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (
+              ((JSCompiler_inline_result = name.toLowerCase().slice(0, 5)),
+              "data-" !== JSCompiler_inline_result &&
+                "aria-" !== JSCompiler_inline_result)
+            ) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        node.setAttribute(
+          name,
+          enableTrustedTypesIntegration ? value : "" + value
         );
-        return;
       }
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
+  if (
+    enableCustomElementPropertySupport &&
+    "o" === name[0] &&
+    "n" === name[1]
+  ) {
+    var useCapture = name.endsWith("Capture"),
+      eventName = name.substr(2, useCapture ? name.length - 9 : void 0),
+      prevProps = getFiberCurrentPropsFromNode(node);
+    prevProps = null != prevProps ? prevProps[name] : null;
+    "function" === typeof prevProps &&
+      node.removeEventListener(eventName, prevProps, useCapture);
+    if ("function" === typeof value) {
+      "function" !== typeof prevProps &&
+        null !== prevProps &&
+        (name in node
+          ? (node[name] = null)
+          : node.hasAttribute(name) && node.removeAttribute(name));
+      node.addEventListener(eventName, value, useCapture);
+      return;
     }
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      name in node
-    )
-      node[name] = value;
-    else if (
-      (shouldRemoveAttribute(
-        name,
-        value,
-        JSCompiler_inline_result,
-        isCustomComponentTag
-      ) && (value = null),
-      enableCustomElementPropertySupport &&
-        isCustomComponentTag &&
-        !0 === value &&
-        (value = ""),
-      isCustomComponentTag || null === JSCompiler_inline_result)
-    )
-      isAttributeNameSafe(name) &&
-        (null === value
-          ? node.removeAttribute(name)
-          : node.setAttribute(
-              name,
-              enableTrustedTypesIntegration ? value : "" + value
-            ));
-    else if (JSCompiler_inline_result.mustUseProperty)
-      node[JSCompiler_inline_result.propertyName] =
-        null === value
-          ? 3 === JSCompiler_inline_result.type
-            ? !1
-            : ""
-          : value;
-    else if (
-      ((name = JSCompiler_inline_result.attributeName),
-      (isCustomComponentTag = JSCompiler_inline_result.attributeNamespace),
-      null === value)
-    )
-      node.removeAttribute(name);
+  }
+  if (enableCustomElementPropertySupport && name in node) node[name] = value;
+  else if (isAttributeNameSafe(name))
+    if (null === value) node.removeAttribute(name);
     else {
-      JSCompiler_inline_result$jscomp$0 = JSCompiler_inline_result.type;
-      if (
-        3 === JSCompiler_inline_result$jscomp$0 ||
-        (4 === JSCompiler_inline_result$jscomp$0 && !0 === value)
-      )
-        value = "";
-      else if (
-        ((value = enableTrustedTypesIntegration ? value : "" + value),
-        JSCompiler_inline_result.sanitizeURL &&
-          isJavaScriptProtocol.test(value.toString()))
-      )
-        throw Error(formatProdErrorMessage(323));
-      isCustomComponentTag
-        ? node.setAttributeNS(isCustomComponentTag, name, value)
-        : node.setAttribute(name, value);
+      switch (typeof value) {
+        case "undefined":
+        case "function":
+        case "symbol":
+          node.removeAttribute(name);
+          return;
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (!0 === value) {
+              node.setAttribute(name, "");
+              return;
+            }
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
     }
-  }
 }
 var ReactSharedInternals =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
@@ -603,16 +576,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$3) {
-          control = x$3;
+        } catch (x$1) {
+          control = x$1;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$4) {
-        control = x$4;
+      } catch (x$2) {
+        control = x$2;
       }
       fn();
     }
@@ -793,7 +766,7 @@ function initWrapperState$2(element, props) {
 }
 function updateChecked(element, props) {
   props = props.checked;
-  null != props && setValueForProperty(element, "checked", props, !1);
+  null != props && (element.checked = props);
 }
 function updateWrapper$1(element, props) {
   updateChecked(element, props);
@@ -1036,71 +1009,30 @@ Object.keys(isUnitlessNumber).forEach(function (prop) {
     isUnitlessNumber[prefix] = isUnitlessNumber[prop];
   });
 });
-function dangerousStyleValue(name, value, isCustomProperty) {
-  return null == value || "boolean" === typeof value || "" === value
-    ? ""
-    : isCustomProperty ||
-      "number" !== typeof value ||
-      0 === value ||
-      (isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-    ? ("" + value).trim()
-    : value + "px";
-}
 function setValueForStyles(node, styles) {
   node = node.style;
   for (var styleName in styles)
     if (styles.hasOwnProperty(styleName)) {
-      var isCustomProperty = 0 === styleName.indexOf("--"),
-        styleValue = dangerousStyleValue(
-          styleName,
-          styles[styleName],
-          isCustomProperty
-        );
-      "float" === styleName && (styleName = "cssFloat");
-      isCustomProperty
-        ? node.setProperty(styleName, styleValue)
-        : (node[styleName] = styleValue);
+      var value = styles[styleName],
+        isCustomProperty = 0 === styleName.indexOf("--");
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? node.setProperty(styleName, "")
+          : "float" === styleName
+          ? (node.cssFloat = "")
+          : (node[styleName] = "")
+        : isCustomProperty
+        ? node.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          (isUnitlessNumber.hasOwnProperty(styleName) &&
+            isUnitlessNumber[styleName])
+        ? "float" === styleName
+          ? (node.cssFloat = value)
+          : (node[styleName] = ("" + value).trim())
+        : (node[styleName] = value + "px");
     }
 }
-var voidElementTags = assign(
-  { menuitem: !0 },
-  {
-    area: !0,
-    base: !0,
-    br: !0,
-    col: !0,
-    embed: !0,
-    hr: !0,
-    img: !0,
-    input: !0,
-    keygen: !0,
-    link: !0,
-    meta: !0,
-    param: !0,
-    source: !0,
-    track: !0,
-    wbr: !0
-  }
-);
-function assertValidProps(tag, props) {
-  if (props) {
-    if (
-      voidElementTags[tag] &&
-      (null != props.children || null != props.dangerouslySetInnerHTML)
-    )
-      throw Error(formatProdErrorMessage(137, tag));
-    if (null != props.dangerouslySetInnerHTML) {
-      if (null != props.children) throw Error(formatProdErrorMessage(60));
-      if (
-        "object" !== typeof props.dangerouslySetInnerHTML ||
-        !("__html" in props.dangerouslySetInnerHTML)
-      )
-        throw Error(formatProdErrorMessage(61));
-    }
-    if (null != props.style && "object" !== typeof props.style)
-      throw Error(formatProdErrorMessage(62));
-  }
-}
 function isCustomComponent(tagName, props) {
   if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
   switch (tagName) {
@@ -1241,36 +1173,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$8 = parentA.child; child$8; ) {
-        if (child$8 === a) {
+      for (var didFindChild = !1, child$6 = parentA.child; child$6; ) {
+        if (child$6 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$8 === b) {
+        if (child$6 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$8 = child$8.sibling;
+        child$6 = child$6.sibling;
       }
       if (!didFindChild) {
-        for (child$8 = parentB.child; child$8; ) {
-          if (child$8 === a) {
+        for (child$6 = parentB.child; child$6; ) {
+          if (child$6 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$8 === b) {
+          if (child$6 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$8 = child$8.sibling;
+          child$6 = child$6.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -1481,12 +1413,12 @@ function markStarvedLanesAsExpired(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$11 = 31 - clz32(lanes),
-      lane = 1 << index$11,
-      expirationTime = expirationTimes[index$11];
+    var index$9 = 31 - clz32(lanes),
+      lane = 1 << index$9,
+      expirationTime = expirationTimes[index$9];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$11] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$9] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -1536,19 +1468,19 @@ function markRootFinished(root, remainingLanes) {
   var eventTimes = root.eventTimes,
     expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$13 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$13;
-    remainingLanes[index$13] = 0;
-    eventTimes[index$13] = -1;
-    expirationTimes[index$13] = -1;
-    var hiddenUpdatesForLane = root[index$13];
+    var index$11 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$11;
+    remainingLanes[index$11] = 0;
+    eventTimes[index$11] = -1;
+    expirationTimes[index$11] = -1;
+    var hiddenUpdatesForLane = root[index$11];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$13] = null, index$13 = 0;
-        index$13 < hiddenUpdatesForLane.length;
-        index$13++
+        root[index$11] = null, index$11 = 0;
+        index$11 < hiddenUpdatesForLane.length;
+        index$11++
       ) {
-        var update = hiddenUpdatesForLane[index$13];
+        var update = hiddenUpdatesForLane[index$11];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -1557,21 +1489,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$14 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$14;
-    (lane & entangledLanes) | (root[index$14] & entangledLanes) &&
-      (root[index$14] |= entangledLanes);
+    var index$12 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$12;
+    (lane & entangledLanes) | (root[index$12] & entangledLanes) &&
+      (root[index$12] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$16 = 31 - clz32(lanes),
-      lane = 1 << index$16;
-    index$16 = root.transitionLanes[index$16];
-    null !== index$16 &&
-      index$16.forEach(function (transition) {
+    var index$14 = 31 - clz32(lanes),
+      lane = 1 << index$14;
+    index$14 = root.transitionLanes[index$14];
+    null !== index$14 &&
+      index$14.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -1581,10 +1513,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$17 = 31 - clz32(lanes),
-        lane = 1 << index$17;
-      null !== root.transitionLanes[index$17] &&
-        (root.transitionLanes[index$17] = null);
+      var index$15 = 31 - clz32(lanes),
+        lane = 1 << index$15;
+      null !== root.transitionLanes[index$15] &&
+        (root.transitionLanes[index$15] = null);
       lanes &= ~lane;
     }
 }
@@ -1937,7 +1869,6 @@ function prepareToHydrateHostInstance(fiber) {
   }
   props.hasOwnProperty("onScroll") &&
     listenToNonDelegatedEvent("scroll", instance);
-  assertValidProps(type, props);
   i = null;
   var children = props.children;
   if (
@@ -3439,10 +3370,10 @@ createFunctionComponentUpdateQueue = function () {
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
     if ("function" === typeof usable.then) {
-      var index$45 = thenableIndexCounter;
+      var index$43 = thenableIndexCounter;
       thenableIndexCounter += 1;
       null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$45);
+      usable = trackUsedThenable(thenableState, usable, index$43);
       null === currentlyRenderingFiber$1.alternate &&
         (null === workInProgressHook
           ? null === currentlyRenderingFiber$1.memoizedState
@@ -3934,16 +3865,16 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$51 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$51) {
+        var root$49 = enqueueUpdate(provider, fiber, lane);
+        if (null !== root$49) {
           var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$51, provider, lane, eventTime);
-          entangleTransitions(root$51, provider, lane);
+          scheduleUpdateOnFiber(root$49, provider, lane, eventTime);
+          entangleTransitions(root$49, provider, lane);
         }
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$51 &&
+          null !== root$49 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4150,15 +4081,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$47 = workInProgressRoot;
-      if (null === root$47) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$47, renderLanes$1) ||
+      var root$45 = workInProgressRoot;
+      if (null === root$45) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$45, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$47 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$47;
-    mountEffect(subscribeToStore.bind(null, fiber, root$47, subscribe), [
+    root$45 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$45;
+    mountEffect(subscribeToStore.bind(null, fiber, root$45, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4167,7 +4098,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$47,
+        root$45,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4651,10 +4582,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$62 = workInProgress.stateNode;
+      root$60 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$62.incompleteTransitions.has(transition)) {
+        if (!root$60.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4662,11 +4593,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$62.incompleteTransitions.set(transition, markerInstance);
+          root$60.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$62.incompleteTransitions.forEach(function (markerInstance) {
+    root$60.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5330,14 +5261,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$69 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$69)
+    var dehydrated$67 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$67)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$69,
+        dehydrated$67,
         JSCompiler_temp,
         renderLanes
       );
@@ -5347,7 +5278,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$69 = JSCompiler_temp.sibling;
+    dehydrated$67 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5356,8 +5287,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$69
-      ? (showFallback = createWorkInProgress(dehydrated$69, showFallback))
+    null !== dehydrated$67
+      ? (showFallback = createWorkInProgress(dehydrated$67, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5376,10 +5307,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$69 = CacheContext._currentValue),
+          ? ((dehydrated$67 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$69
-                ? { parent: dehydrated$69, pool: dehydrated$69 }
+              JSCompiler_temp.parent !== dehydrated$67
+                ? { parent: dehydrated$67, pool: dehydrated$67 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5393,23 +5324,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$69 = showFallback.updateQueue),
+        (dehydrated$67 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$69
+        null === dehydrated$67
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$69 === primaryChildProps
+          : dehydrated$67 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$69.transitions = didSuspend),
-            (dehydrated$69.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$67.transitions = didSuspend),
+            (dehydrated$67.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6373,110 +6304,168 @@ function updateHostComponent(current, workInProgress, type, newProps) {
     var updatePayload = null;
     switch (type) {
       case "input":
-        oldProps = getHostProps$2(current, oldProps);
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
+        type = getHostProps$2(current, oldProps);
         newProps = getHostProps$2(current, newProps);
         updatePayload = [];
         break;
       case "select":
-        oldProps = assign({}, oldProps, { value: void 0 });
+        type = assign({}, oldProps, { value: void 0 });
         newProps = assign({}, newProps, { value: void 0 });
         updatePayload = [];
         break;
       case "textarea":
-        oldProps = getHostProps(current, oldProps);
+        type = getHostProps(current, oldProps);
         newProps = getHostProps(current, newProps);
         updatePayload = [];
         break;
+      case "img":
+      case "link":
+      case "area":
+      case "base":
+      case "br":
+      case "col":
+      case "embed":
+      case "hr":
+      case "keygen":
+      case "meta":
+      case "param":
+      case "source":
+      case "track":
+      case "wbr":
+      case "menuitem":
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
       default:
-        "function" !== typeof oldProps.onClick &&
-          "function" === typeof newProps.onClick &&
-          (current.onclick = noop);
+        (type = oldProps),
+          "function" !== typeof type.onClick &&
+            "function" === typeof newProps.onClick &&
+            (current.onclick = noop);
     }
-    assertValidProps(type, newProps);
     var styleName;
-    type = null;
-    for (JSCompiler_inline_result in oldProps)
+    oldProps = null;
+    for (JSCompiler_inline_result in type)
       if (
         !newProps.hasOwnProperty(JSCompiler_inline_result) &&
-        oldProps.hasOwnProperty(JSCompiler_inline_result) &&
-        null != oldProps[JSCompiler_inline_result]
+        type.hasOwnProperty(JSCompiler_inline_result) &&
+        null != type[JSCompiler_inline_result]
       )
-        if ("style" === JSCompiler_inline_result) {
-          var lastStyle = oldProps[JSCompiler_inline_result];
-          for (styleName in lastStyle)
-            lastStyle.hasOwnProperty(styleName) &&
-              (type || (type = {}), (type[styleName] = ""));
-        } else
-          "dangerouslySetInnerHTML" !== JSCompiler_inline_result &&
-            "children" !== JSCompiler_inline_result &&
-            "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-            "suppressHydrationWarning" !== JSCompiler_inline_result &&
-            "autoFocus" !== JSCompiler_inline_result &&
-            (registrationNameDependencies.hasOwnProperty(
+        switch (JSCompiler_inline_result) {
+          case "style":
+            var lastStyle = type[JSCompiler_inline_result];
+            for (styleName in lastStyle)
+              lastStyle.hasOwnProperty(styleName) &&
+                (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+            break;
+          case "dangerouslySetInnerHTML":
+          case "children":
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
               JSCompiler_inline_result
             )
               ? updatePayload || (updatePayload = [])
               : (updatePayload = updatePayload || []).push(
                   JSCompiler_inline_result,
                   null
-                ));
+                );
+        }
     for (JSCompiler_inline_result in newProps) {
       var nextProp = newProps[JSCompiler_inline_result];
-      lastStyle =
-        null != oldProps ? oldProps[JSCompiler_inline_result] : void 0;
+      lastStyle = null != type ? type[JSCompiler_inline_result] : void 0;
       if (
         newProps.hasOwnProperty(JSCompiler_inline_result) &&
         nextProp !== lastStyle &&
         (null != nextProp || null != lastStyle)
       )
-        if ("style" === JSCompiler_inline_result)
-          if (lastStyle) {
-            for (styleName in lastStyle)
-              !lastStyle.hasOwnProperty(styleName) ||
-                (nextProp && nextProp.hasOwnProperty(styleName)) ||
-                (type || (type = {}), (type[styleName] = ""));
-            for (styleName in nextProp)
-              nextProp.hasOwnProperty(styleName) &&
-                lastStyle[styleName] !== nextProp[styleName] &&
-                (type || (type = {}), (type[styleName] = nextProp[styleName]));
-          } else
-            type ||
-              (updatePayload || (updatePayload = []),
-              updatePayload.push(JSCompiler_inline_result, type)),
-              (type = nextProp);
-        else
-          "dangerouslySetInnerHTML" === JSCompiler_inline_result
-            ? ((nextProp = nextProp ? nextProp.__html : void 0),
-              (lastStyle = lastStyle ? lastStyle.__html : void 0),
-              null != nextProp &&
-                lastStyle !== nextProp &&
-                (updatePayload = updatePayload || []).push(
-                  JSCompiler_inline_result,
-                  nextProp
-                ))
-            : "children" === JSCompiler_inline_result
-            ? ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
+        switch (JSCompiler_inline_result) {
+          case "style":
+            if (null != nextProp && "object" !== typeof nextProp)
+              throw Error(formatProdErrorMessage(62));
+            if (lastStyle) {
+              for (styleName in lastStyle)
+                !lastStyle.hasOwnProperty(styleName) ||
+                  (nextProp && nextProp.hasOwnProperty(styleName)) ||
+                  (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+              for (styleName in nextProp)
+                nextProp.hasOwnProperty(styleName) &&
+                  lastStyle[styleName] !== nextProp[styleName] &&
+                  (oldProps || (oldProps = {}),
+                  (oldProps[styleName] = nextProp[styleName]));
+            } else
+              oldProps ||
+                (updatePayload || (updatePayload = []),
+                updatePayload.push(JSCompiler_inline_result, oldProps)),
+                (oldProps = nextProp);
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != nextProp) {
+              if ("object" !== typeof nextProp || !("__html" in nextProp))
+                throw Error(formatProdErrorMessage(61));
+              nextProp = nextProp.__html;
+              if (null != nextProp) {
+                if (null != newProps.children)
+                  throw Error(formatProdErrorMessage(60));
+                (lastStyle ? lastStyle.__html : void 0) !== nextProp &&
+                  (updatePayload = updatePayload || []).push(
+                    JSCompiler_inline_result,
+                    nextProp
+                  );
+              }
+            }
+            break;
+          case "children":
+            ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
               (updatePayload = updatePayload || []).push(
                 JSCompiler_inline_result,
                 "" + nextProp
-              )
-            : "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-              "suppressHydrationWarning" !== JSCompiler_inline_result &&
-              (registrationNameDependencies.hasOwnProperty(
-                JSCompiler_inline_result
-              )
-                ? (null != nextProp &&
-                    "onScroll" === JSCompiler_inline_result &&
-                    listenToNonDelegatedEvent("scroll", current),
-                  updatePayload ||
-                    lastStyle === nextProp ||
-                    (updatePayload = []))
-                : (updatePayload = updatePayload || []).push(
-                    JSCompiler_inline_result,
-                    nextProp
-                  ));
+              );
+            break;
+          case "onScroll":
+            null != nextProp && listenToNonDelegatedEvent("scroll", current);
+            updatePayload || lastStyle === nextProp || (updatePayload = []);
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
+              JSCompiler_inline_result
+            )
+              ? updatePayload || lastStyle === nextProp || (updatePayload = [])
+              : (updatePayload = updatePayload || []).push(
+                  JSCompiler_inline_result,
+                  nextProp
+                );
+        }
     }
-    type && (updatePayload = updatePayload || []).push("style", type);
+    oldProps && (updatePayload = updatePayload || []).push("style", oldProps);
     var JSCompiler_inline_result = updatePayload;
     (workInProgress.updateQueue = JSCompiler_inline_result) &&
       markUpdate(workInProgress);
@@ -6505,14 +6494,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$100 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$100 = lastTailNode),
+        for (var lastTailNode$98 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$98 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$100
+        null === lastTailNode$98
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$100.sibling = null);
+          : (lastTailNode$98.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6522,19 +6511,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$101 = completedWork.child; null !== child$101; )
-      (newChildLanes |= child$101.lanes | child$101.childLanes),
-        (subtreeFlags |= child$101.subtreeFlags & 31457280),
-        (subtreeFlags |= child$101.flags & 31457280),
-        (child$101.return = completedWork),
-        (child$101 = child$101.sibling);
+    for (var child$99 = completedWork.child; null !== child$99; )
+      (newChildLanes |= child$99.lanes | child$99.childLanes),
+        (subtreeFlags |= child$99.subtreeFlags & 31457280),
+        (subtreeFlags |= child$99.flags & 31457280),
+        (child$99.return = completedWork),
+        (child$99 = child$99.sibling);
   else
-    for (child$101 = completedWork.child; null !== child$101; )
-      (newChildLanes |= child$101.lanes | child$101.childLanes),
-        (subtreeFlags |= child$101.subtreeFlags),
-        (subtreeFlags |= child$101.flags),
-        (child$101.return = completedWork),
-        (child$101 = child$101.sibling);
+    for (child$99 = completedWork.child; null !== child$99; )
+      (newChildLanes |= child$99.lanes | child$99.childLanes),
+        (subtreeFlags |= child$99.subtreeFlags),
+        (subtreeFlags |= child$99.flags),
+        (child$99.return = completedWork),
+        (child$99 = child$99.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7233,8 +7222,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$129) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$129);
+      } catch (error$127) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$127);
       }
     else ref.current = null;
 }
@@ -7271,7 +7260,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$191) {
+          } catch (e$189) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7547,11 +7536,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$131) {
+          } catch (error$129) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$131
+              error$129
             );
           }
         }
@@ -8225,8 +8214,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$144) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
+        } catch (error$142) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$142);
         }
       }
       break;
@@ -8404,11 +8393,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$145) {
+          } catch (error$143) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$145
+              error$143
             );
           }
       break;
@@ -8444,8 +8433,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$146) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
+        } catch (error$144) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
         }
       }
       if (
@@ -8462,8 +8451,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         try {
           updateProperties(flags, maybeNodes, hoistableRoot, current, root),
             (flags[internalPropsKey] = root);
-        } catch (error$149) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
+        } catch (error$147) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
         }
       break;
     case 6:
@@ -8476,8 +8465,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$148) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
         }
       }
       break;
@@ -8491,8 +8480,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$151) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
+        } catch (error$149) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
         }
       break;
     case 4:
@@ -8522,8 +8511,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8585,10 +8574,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         nextNode.hasOwnProperty("display")
                           ? nextNode.display
                           : null),
-                      (i.style.display = dangerousStyleValue(
-                        "display",
-                        nodeName
-                      )));
+                      (i.style.display =
+                        null == nodeName || "boolean" === typeof nodeName
+                          ? ""
+                          : ("" + nodeName).trim()));
               } catch (error) {
                 captureCommitPhaseError(
                   finishedWork,
@@ -8601,11 +8590,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$134) {
+              } catch (error$132) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$134
+                  error$132
                 );
               }
           } else if (
@@ -8680,21 +8669,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$135 = JSCompiler_inline_result.stateNode;
+            var parent$133 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$135, ""),
+              (setTextContent(parent$133, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$136 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$136, parent$135);
+            var before$134 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$134, parent$133);
             break;
           case 3:
           case 4:
-            var parent$137 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$138 = getHostSibling(finishedWork);
+            var parent$135 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$136 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$138,
-              parent$137
+              before$136,
+              parent$135
             );
             break;
           default:
@@ -9164,9 +9153,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$163 = finishedWork.stateNode;
+        var instance$161 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$163._visibility & 4
+          ? instance$161._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9179,7 +9168,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$163._visibility |= 4),
+            : ((instance$161._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9187,7 +9176,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$163._visibility |= 4),
+          : ((instance$161._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9200,7 +9189,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$163
+            instance$161
           );
         break;
       case 24:
@@ -9627,11 +9616,11 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
         enableTransitionTracing)
       ) {
         var transitionLanesMap = root.transitionLanes,
-          index$15 = 31 - clz32(lane),
-          transitions = transitionLanesMap[index$15];
+          index$13 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$13];
         null === transitions && (transitions = new Set());
         transitions.add(transition);
-        transitionLanesMap[index$15] = transitions;
+        transitionLanesMap[index$13] = transitions;
       }
     }
     if (root === workInProgressRoot) {
@@ -9754,16 +9743,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$172 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$170 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$172 &&
-            ((lanes = errorRetryLanes$172),
+          0 !== errorRetryLanes$170 &&
+            ((lanes = errorRetryLanes$170),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$172
+              errorRetryLanes$170
             )));
         }
         if (1 === exitStatus)
@@ -9812,14 +9801,14 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           exitStatus = lanes;
           errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$172 = -1; 0 < exitStatus; ) {
-            var index$10 = 31 - clz32(exitStatus),
-              lane = 1 << index$10;
-            index$10 = errorRetryLanes[index$10];
-            index$10 > errorRetryLanes$172 && (errorRetryLanes$172 = index$10);
+          for (errorRetryLanes$170 = -1; 0 < exitStatus; ) {
+            var index$8 = 31 - clz32(exitStatus),
+              lane = 1 << index$8;
+            index$8 = errorRetryLanes[index$8];
+            index$8 > errorRetryLanes$170 && (errorRetryLanes$170 = index$8);
             exitStatus &= ~lane;
           }
-          exitStatus = errorRetryLanes$172;
+          exitStatus = errorRetryLanes$170;
           exitStatus = now() - exitStatus;
           exitStatus =
             (120 > exitStatus
@@ -9941,9 +9930,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$12 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$12;
-    root[index$12] = -1;
+    var index$10 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$10;
+    root[index$10] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10151,8 +10140,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$175) {
-      handleThrow(root, thrownValue$175);
+    } catch (thrownValue$173) {
+      handleThrow(root, thrownValue$173);
     }
   while (1);
   resetContextDependencies();
@@ -10258,8 +10247,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$177) {
-      handleThrow(root, thrownValue$177);
+    } catch (thrownValue$175) {
+      handleThrow(root, thrownValue$175);
     }
   while (1);
   resetContextDependencies();
@@ -10414,10 +10403,10 @@ function unwindSuspendedUnitOfWork(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$57 = offscreenQueue.retryQueue;
-                      null === retryQueue$57
+                      var retryQueue$55 = offscreenQueue.retryQueue;
+                      null === retryQueue$55
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$57.add(wakeable);
+                        : retryQueue$55.add(wakeable);
                     }
                   }
                   break;
@@ -10599,12 +10588,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$180 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$178 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$180 &&
+    shouldFireAfterActiveInstanceBlur$178 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -10683,7 +10672,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$181 = rootWithPendingPassiveEffects,
+    var root$179 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -10699,7 +10688,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$181, remainingLanes);
+        releaseRootPooledCache(root$179, remainingLanes);
     }
   }
   return !1;
@@ -11892,12 +11881,12 @@ function updateContainer(element, container, parentComponent, callback) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$183 = fiber.stateNode;
-      if (root$183.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$183.pendingLanes);
+      var root$181 = fiber.stateNode;
+      if (root$181.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$181.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$183, lanes | 2),
-          ensureRootIsScheduled(root$183, now()),
+          (markRootEntangled(root$181, lanes | 2),
+          ensureRootIsScheduled(root$181, now()),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncCallbacks()));
@@ -13171,19 +13160,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$302;
+  var JSCompiler_inline_result$jscomp$299;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1533 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1533) {
-      var element$jscomp$inline_1534 = document.createElement("div");
-      element$jscomp$inline_1534.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1533 =
-        "function" === typeof element$jscomp$inline_1534.oninput;
+    var isSupported$jscomp$inline_1526 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1526) {
+      var element$jscomp$inline_1527 = document.createElement("div");
+      element$jscomp$inline_1527.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1526 =
+        "function" === typeof element$jscomp$inline_1527.oninput;
     }
-    JSCompiler_inline_result$jscomp$302 = isSupported$jscomp$inline_1533;
-  } else JSCompiler_inline_result$jscomp$302 = !1;
+    JSCompiler_inline_result$jscomp$299 = isSupported$jscomp$inline_1526;
+  } else JSCompiler_inline_result$jscomp$299 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$302 &&
+    JSCompiler_inline_result$jscomp$299 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13492,20 +13481,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1574 = 0;
-  i$jscomp$inline_1574 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1574++
+  var i$jscomp$inline_1567 = 0;
+  i$jscomp$inline_1567 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1567++
 ) {
-  var eventName$jscomp$inline_1575 =
-      simpleEventPluginEvents[i$jscomp$inline_1574],
-    domEventName$jscomp$inline_1576 =
-      eventName$jscomp$inline_1575.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1577 =
-      eventName$jscomp$inline_1575[0].toUpperCase() +
-      eventName$jscomp$inline_1575.slice(1);
+  var eventName$jscomp$inline_1568 =
+      simpleEventPluginEvents[i$jscomp$inline_1567],
+    domEventName$jscomp$inline_1569 =
+      eventName$jscomp$inline_1568.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1570 =
+      eventName$jscomp$inline_1568[0].toUpperCase() +
+      eventName$jscomp$inline_1568.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1576,
-    "on" + capitalizedEvent$jscomp$inline_1577
+    domEventName$jscomp$inline_1569,
+    "on" + capitalizedEvent$jscomp$inline_1570
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14361,6 +14350,8 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -14371,12 +14362,16 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "source":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
     case "img":
-    case "image":
     case "link":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
+    case "image":
       listenToNonDelegatedEvent("error", domElement);
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
@@ -14386,6 +14381,8 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "input":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
@@ -14403,45 +14400,81 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = getHostProps(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
       break;
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
     default:
       props = rawProps;
   }
-  assertValidProps(tag, props);
   var nextProps = props,
     propKey;
   for (propKey in nextProps)
     if (nextProps.hasOwnProperty(propKey)) {
       var nextProp = nextProps[propKey];
-      "style" === propKey
-        ? setValueForStyles(domElement, nextProp)
-        : "dangerouslySetInnerHTML" === propKey
-        ? ((nextProp = nextProp ? nextProp.__html : void 0),
-          null != nextProp &&
-            (disableIEWorkarounds
-              ? (domElement.innerHTML = nextProp)
-              : setInnerHTML$1(domElement, nextProp)))
-        : "children" === propKey
-        ? "string" === typeof nextProp
-          ? "body" === tag ||
-            ("textarea" === tag && "" === nextProp) ||
-            setTextContent(domElement, nextProp)
-          : "number" === typeof nextProp &&
-            "body" !== tag &&
-            setTextContent(domElement, "" + nextProp)
-        : "suppressContentEditableWarning" !== propKey &&
-          "suppressHydrationWarning" !== propKey &&
-          "autoFocus" !== propKey &&
-          (registrationNameDependencies.hasOwnProperty(propKey)
-            ? null != nextProp &&
-              "onScroll" === propKey &&
-              listenToNonDelegatedEvent("scroll", domElement)
-            : null != nextProp &&
-              setValueForProperty(
-                domElement,
-                propKey,
-                nextProp,
-                isCustomComponentTag
-              ));
+      switch (propKey) {
+        case "style":
+          if (null != nextProp && "object" !== typeof nextProp)
+            throw Error(formatProdErrorMessage(62));
+          setValueForStyles(domElement, nextProp);
+          break;
+        case "dangerouslySetInnerHTML":
+          if (null != nextProp) {
+            if ("object" !== typeof nextProp || !("__html" in nextProp))
+              throw Error(formatProdErrorMessage(61));
+            nextProp = nextProp.__html;
+            if (null != nextProp) {
+              if (null != nextProps.children)
+                throw Error(formatProdErrorMessage(60));
+              disableIEWorkarounds
+                ? (domElement.innerHTML = nextProp)
+                : setInnerHTML$1(domElement, nextProp);
+            }
+          }
+          break;
+        case "children":
+          "string" === typeof nextProp
+            ? "body" === tag ||
+              ("textarea" === tag && "" === nextProp) ||
+              setTextContent(domElement, nextProp)
+            : "number" === typeof nextProp &&
+              "body" !== tag &&
+              setTextContent(domElement, "" + nextProp);
+          break;
+        case "onScroll":
+          null != nextProp && listenToNonDelegatedEvent("scroll", domElement);
+          break;
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+          break;
+        case "autoFocus":
+          break;
+        case "innerText":
+        case "textContent":
+          if (enableCustomElementPropertySupport) break;
+        default:
+          registrationNameDependencies.hasOwnProperty(propKey) ||
+            (null != nextProp &&
+              (isCustomComponentTag
+                ? setValueForPropertyOnCustomComponent(
+                    domElement,
+                    propKey,
+                    nextProp
+                  )
+                : setValueForProperty(domElement, propKey, nextProp)));
+      }
     }
   switch (tag) {
     case "input":
@@ -14489,15 +14522,23 @@ function updateProperties(
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i],
       propValue = updatePayload[i + 1];
-    "style" === propKey
-      ? setValueForStyles(domElement, propValue)
-      : "dangerouslySetInnerHTML" === propKey
-      ? disableIEWorkarounds
-        ? (domElement.innerHTML = propValue)
-        : setInnerHTML$1(domElement, propValue)
-      : "children" === propKey
-      ? setTextContent(domElement, propValue)
-      : setValueForProperty(domElement, propKey, propValue, lastRawProps);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+      case "dangerouslySetInnerHTML":
+        disableIEWorkarounds
+          ? (domElement.innerHTML = propValue)
+          : setInnerHTML$1(domElement, propValue);
+        break;
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+      default:
+        lastRawProps
+          ? setValueForPropertyOnCustomComponent(domElement, propKey, propValue)
+          : setValueForProperty(domElement, propKey, propValue);
+    }
   }
   switch (tag) {
     case "input":
@@ -14644,12 +14685,12 @@ function preinit$1(href, options) {
       switch (as) {
         case "style":
           as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$203 = getStyleKey(href),
+          var key$201 = getStyleKey(href),
             precedence = options.precedence || "default",
-            resource = as.get(key$203);
+            resource = as.get(key$201);
           if (resource) break;
           resource = resourceRoot.querySelector(
-            getStylesheetSelectorFromKey(key$203)
+            getStylesheetSelectorFromKey(key$201)
           );
           resource ||
             ((href = {
@@ -14658,7 +14699,7 @@ function preinit$1(href, options) {
               "data-precedence": precedence,
               crossOrigin: options.crossOrigin
             }),
-            (options = preloadPropsMap.get(key$203)) &&
+            (options = preloadPropsMap.get(key$201)) &&
               adoptPreloadPropsForStylesheet(href, options),
             (resource = (
               resourceRoot.ownerDocument || resourceRoot
@@ -14667,15 +14708,15 @@ function preinit$1(href, options) {
             setInitialProperties(resource, "link", href),
             insertStylesheet(resource, precedence, resourceRoot));
           resource = { type: "stylesheet", instance: resource, count: 1 };
-          as.set(key$203, resource);
+          as.set(key$201, resource);
           break;
         case "script":
           (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$203 = getScriptKey(href)),
-            (precedence = as.get(key$203)),
+            (key$201 = getScriptKey(href)),
+            (precedence = as.get(key$201)),
             precedence ||
               ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$203
+                "script[async]" + key$201
               )),
               precedence ||
                 ((href = {
@@ -14684,7 +14725,7 @@ function preinit$1(href, options) {
                   crossOrigin: options.crossOrigin,
                   integrity: options.integrity
                 }),
-                (options = preloadPropsMap.get(key$203)) &&
+                (options = preloadPropsMap.get(key$201)) &&
                   adoptPreloadPropsForScript(href, options),
                 (options = resourceRoot.ownerDocument || resourceRoot),
                 (precedence = options.createElement("script")),
@@ -14692,13 +14733,13 @@ function preinit$1(href, options) {
                 setInitialProperties(precedence, "link", href),
                 options.head.appendChild(precedence)),
               (precedence = { type: "script", instance: precedence, count: 1 }),
-              as.set(key$203, precedence));
+              as.set(key$201, precedence));
       }
     else if ("style" === as || "script" === as)
       if ((resourceRoot = getDocumentForPreloads())) {
-        key$203 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$203 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$203 + '"]';
+        key$201 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        precedence = key$201 =
+          'link[rel="preload"][as="' + as + '"][href="' + key$201 + '"]';
         switch (as) {
           case "style":
             precedence = getStyleKey(href);
@@ -14715,7 +14756,7 @@ function preinit$1(href, options) {
             integrity: options.integrity
           }),
           preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$203) &&
+          null === resourceRoot.querySelector(key$201) &&
             ((options = resourceRoot.createElement("link")),
             setInitialProperties(options, "link", href),
             markNodeAsHoistable(options),
@@ -14747,14 +14788,14 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.href &&
         "string" === typeof pendingProps.precedence
       ) {
-        var key$210 = getStyleKey(pendingProps.href),
-          styles$211 = getResourcesFromRoot(currentProps).hoistableStyles;
-        type = styles$211.get(key$210);
+        var key$208 = getStyleKey(pendingProps.href),
+          styles$209 = getResourcesFromRoot(currentProps).hoistableStyles;
+        type = styles$209.get(key$208);
         type ||
           ((currentProps = currentProps.ownerDocument || currentProps),
           (type = { type: "stylesheet", instance: null, count: 0 }),
-          styles$211.set(key$210, type),
-          preloadPropsMap.has(key$210) ||
+          styles$209.set(key$208, type),
+          preloadPropsMap.has(key$208) ||
             ((pendingProps = {
               rel: "preload",
               as: "style",
@@ -14765,16 +14806,16 @@ function getResource(type, currentProps, pendingProps) {
               hrefLang: pendingProps.hrefLang,
               referrerPolicy: pendingProps.referrerPolicy
             }),
-            preloadPropsMap.set(key$210, pendingProps),
-            currentProps.querySelector(getStylesheetSelectorFromKey(key$210)) ||
+            preloadPropsMap.set(key$208, pendingProps),
+            currentProps.querySelector(getStylesheetSelectorFromKey(key$208)) ||
               null !==
                 currentProps.querySelector(
-                  'link[rel="preload"][as="style"][' + key$210 + "]"
+                  'link[rel="preload"][as="style"][' + key$208 + "]"
                 ) ||
-              ((key$210 = currentProps.createElement("link")),
-              setInitialProperties(key$210, "link", pendingProps),
-              markNodeAsHoistable(key$210),
-              currentProps.head.appendChild(key$210))));
+              ((key$208 = currentProps.createElement("link")),
+              setInitialProperties(key$208, "link", pendingProps),
+              markNodeAsHoistable(key$208),
+              currentProps.head.appendChild(key$208))));
         return type;
       }
       return null;
@@ -14824,14 +14865,14 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = key);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$218 = hoistableRoot.querySelector(
+        var instance$216 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$218)
+        if (instance$216)
           return (
-            (resource.instance = instance$218),
-            markNodeAsHoistable(instance$218),
-            instance$218
+            (resource.instance = instance$216),
+            markNodeAsHoistable(instance$216),
+            instance$216
           );
         key = assign({}, props, {
           "data-precedence": props.precedence,
@@ -14839,11 +14880,11 @@ function acquireResource(hoistableRoot, resource, props) {
         });
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$218 = (
+        instance$216 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$218);
-        var linkInstance = instance$218;
+        markNodeAsHoistable(instance$216);
+        var linkInstance = instance$216;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
@@ -14855,14 +14896,14 @@ function acquireResource(hoistableRoot, resource, props) {
             return (linkInstance._p.s = "e");
           }
         );
-        setInitialProperties(instance$218, "link", key);
-        insertStylesheet(instance$218, props.precedence, hoistableRoot);
-        return (resource.instance = instance$218);
+        setInitialProperties(instance$216, "link", key);
+        insertStylesheet(instance$216, props.precedence, hoistableRoot);
+        return (resource.instance = instance$216);
       case "script":
-        instance$218 = getScriptKey(props.src);
+        instance$216 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$218
+            "script[async]" + instance$216
           ))
         )
           return (
@@ -14871,7 +14912,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         key = props;
-        if ((styleProps = preloadPropsMap.get(instance$218)))
+        if ((styleProps = preloadPropsMap.get(instance$216)))
           (key = assign({}, props)),
             adoptPreloadPropsForScript(key, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -15292,17 +15333,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1753 = {
+var devToolsConfig$jscomp$inline_1746 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-83328b30",
+  version: "18.3.0-www-modern-6b3ee97f",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2152 = {
-  bundleType: devToolsConfig$jscomp$inline_1753.bundleType,
-  version: devToolsConfig$jscomp$inline_1753.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1753.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1753.rendererConfig,
+var internals$jscomp$inline_2144 = {
+  bundleType: devToolsConfig$jscomp$inline_1746.bundleType,
+  version: devToolsConfig$jscomp$inline_1746.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1746.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1746.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15319,26 +15360,26 @@ var internals$jscomp$inline_2152 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1753.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1746.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-83328b30"
+  reconcilerVersion: "18.3.0-www-modern-6b3ee97f"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2153 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2145 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2153.isDisabled &&
-    hook$jscomp$inline_2153.supportsFiber
+    !hook$jscomp$inline_2145.isDisabled &&
+    hook$jscomp$inline_2145.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2153.inject(
-        internals$jscomp$inline_2152
+      (rendererID = hook$jscomp$inline_2145.inject(
+        internals$jscomp$inline_2144
       )),
-        (injectedHook = hook$jscomp$inline_2153);
+        (injectedHook = hook$jscomp$inline_2145);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -15495,4 +15536,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-83328b30";
+exports.version = "18.3.0-www-modern-6b3ee97f";
diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js
index 30d73243b5ad0..f661177edb07d 100644
--- a/compiled/facebook-www/ReactDOM-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOM-profiling.classic.js
@@ -394,60 +394,6 @@ function isAttributeNameSafe(attributeName) {
   illegalAttributeNameCache[attributeName] = !0;
   return !1;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      return !0;
-    case "boolean":
-      if (isCustomComponentTag) return !1;
-      if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
-      name = name.toLowerCase().slice(0, 5);
-      return "data-" !== name && "aria-" !== name;
-    default:
-      return !1;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (
-    null === value ||
-    "undefined" === typeof value ||
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  )
-    return !0;
-  if (isCustomComponentTag)
-    return enableCustomElementPropertySupport && !1 === value ? !0 : !1;
-  if (null !== propertyInfo) {
-    if (propertyInfo.removeEmptyString && "" === value) return !0;
-    switch (propertyInfo.type) {
-      case 3:
-        return !value;
-      case 4:
-        return !1 === value;
-      case 5:
-        return isNaN(value);
-      case 6:
-        return isNaN(value) || 1 > value;
-    }
-  }
-  return !1;
-}
 function PropertyInfoRecord(
   name,
   type,
@@ -466,16 +412,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -625,110 +562,146 @@ properties.formAction = new PropertyInfoRecord(
 });
 var isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var JSCompiler_inline_result = properties.hasOwnProperty(name)
-    ? properties[name]
-    : null;
-  var JSCompiler_inline_result$jscomp$0 =
-    null !== JSCompiler_inline_result
-      ? 0 === JSCompiler_inline_result.type
-      : isCustomComponentTag
-      ? !1
-      : !(2 < name.length) ||
-        ("o" !== name[0] && "O" !== name[0]) ||
-        ("n" !== name[1] && "N" !== name[1])
-      ? !1
-      : !0;
-  if (!JSCompiler_inline_result$jscomp$0) {
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      "o" === name[0] &&
-      "n" === name[1]
-    ) {
-      JSCompiler_inline_result$jscomp$0 = name.replace(/Capture$/, "");
-      var useCapture = name !== JSCompiler_inline_result$jscomp$0;
-      JSCompiler_inline_result$jscomp$0 =
-        JSCompiler_inline_result$jscomp$0.slice(2);
-      var prevProps = getFiberCurrentPropsFromNode(node);
-      prevProps = null != prevProps ? prevProps[name] : null;
-      "function" === typeof prevProps &&
-        node.removeEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          prevProps,
-          useCapture
-        );
-      if ("function" === typeof value) {
-        "function" !== typeof prevProps &&
-          null !== prevProps &&
-          (name in node
-            ? (node[name] = null)
-            : node.hasAttribute(name) && node.removeAttribute(name));
-        node.addEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          value,
-          useCapture
+function setValueForProperty(node, name, value) {
+  if (
+    !(2 < name.length) ||
+    ("o" !== name[0] && "O" !== name[0]) ||
+    ("n" !== name[1] && "N" !== name[1])
+  ) {
+    var JSCompiler_inline_result = properties.hasOwnProperty(name)
+      ? properties[name]
+      : null;
+    if (null !== JSCompiler_inline_result)
+      if (JSCompiler_inline_result.mustUseProperty)
+        node[JSCompiler_inline_result.propertyName] =
+          value && "function" !== typeof value && "symbol" !== typeof value;
+      else if (
+        ((name = JSCompiler_inline_result.attributeName), null === value)
+      )
+        node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (!JSCompiler_inline_result.acceptsBooleans) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        if (JSCompiler_inline_result.removeEmptyString && "" === value)
+          node.removeAttribute(name);
+        else
+          switch (JSCompiler_inline_result.type) {
+            case 3:
+              value ? node.setAttribute(name, "") : node.removeAttribute(name);
+              break;
+            case 4:
+              !0 === value
+                ? node.setAttribute(name, "")
+                : !1 === value
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 5:
+              isNaN(value)
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 6:
+              !isNaN(value) && 1 <= value
+                ? node.setAttribute(name, value)
+                : node.removeAttribute(name);
+              break;
+            default:
+              value = enableTrustedTypesIntegration ? value : "" + value;
+              if (
+                JSCompiler_inline_result.sanitizeURL &&
+                isJavaScriptProtocol.test(value.toString())
+              )
+                throw Error(formatProdErrorMessage(323));
+              (JSCompiler_inline_result =
+                JSCompiler_inline_result.attributeNamespace)
+                ? node.setAttributeNS(JSCompiler_inline_result, name, value)
+                : node.setAttribute(name, value);
+          }
+      }
+    else if (isAttributeNameSafe(name))
+      if (null === value) node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (
+              ((JSCompiler_inline_result = name.toLowerCase().slice(0, 5)),
+              "data-" !== JSCompiler_inline_result &&
+                "aria-" !== JSCompiler_inline_result)
+            ) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        node.setAttribute(
+          name,
+          enableTrustedTypesIntegration ? value : "" + value
         );
-        return;
       }
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
+  if (
+    enableCustomElementPropertySupport &&
+    "o" === name[0] &&
+    "n" === name[1]
+  ) {
+    var useCapture = name.endsWith("Capture"),
+      eventName = name.substr(2, useCapture ? name.length - 9 : void 0),
+      prevProps = getFiberCurrentPropsFromNode(node);
+    prevProps = null != prevProps ? prevProps[name] : null;
+    "function" === typeof prevProps &&
+      node.removeEventListener(eventName, prevProps, useCapture);
+    if ("function" === typeof value) {
+      "function" !== typeof prevProps &&
+        null !== prevProps &&
+        (name in node
+          ? (node[name] = null)
+          : node.hasAttribute(name) && node.removeAttribute(name));
+      node.addEventListener(eventName, value, useCapture);
+      return;
     }
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      name in node
-    )
-      node[name] = value;
-    else if (
-      (shouldRemoveAttribute(
-        name,
-        value,
-        JSCompiler_inline_result,
-        isCustomComponentTag
-      ) && (value = null),
-      enableCustomElementPropertySupport &&
-        isCustomComponentTag &&
-        !0 === value &&
-        (value = ""),
-      isCustomComponentTag || null === JSCompiler_inline_result)
-    )
-      isAttributeNameSafe(name) &&
-        (null === value
-          ? node.removeAttribute(name)
-          : node.setAttribute(
-              name,
-              enableTrustedTypesIntegration ? value : "" + value
-            ));
-    else if (JSCompiler_inline_result.mustUseProperty)
-      node[JSCompiler_inline_result.propertyName] =
-        null === value
-          ? 3 === JSCompiler_inline_result.type
-            ? !1
-            : ""
-          : value;
-    else if (
-      ((name = JSCompiler_inline_result.attributeName),
-      (isCustomComponentTag = JSCompiler_inline_result.attributeNamespace),
-      null === value)
-    )
-      node.removeAttribute(name);
+  }
+  if (enableCustomElementPropertySupport && name in node) node[name] = value;
+  else if (isAttributeNameSafe(name))
+    if (null === value) node.removeAttribute(name);
     else {
-      JSCompiler_inline_result$jscomp$0 = JSCompiler_inline_result.type;
-      if (
-        3 === JSCompiler_inline_result$jscomp$0 ||
-        (4 === JSCompiler_inline_result$jscomp$0 && !0 === value)
-      )
-        value = "";
-      else if (
-        ((value = enableTrustedTypesIntegration ? value : "" + value),
-        JSCompiler_inline_result.sanitizeURL &&
-          isJavaScriptProtocol.test(value.toString()))
-      )
-        throw Error(formatProdErrorMessage(323));
-      isCustomComponentTag
-        ? node.setAttributeNS(isCustomComponentTag, name, value)
-        : node.setAttribute(name, value);
+      switch (typeof value) {
+        case "undefined":
+        case "function":
+        case "symbol":
+          node.removeAttribute(name);
+          return;
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (!0 === value) {
+              node.setAttribute(name, "");
+              return;
+            }
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
     }
-  }
 }
 var prefix;
 function describeBuiltInComponentFrame(name) {
@@ -769,16 +742,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$4) {
-          control = x$4;
+        } catch (x$2) {
+          control = x$2;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$5) {
-        control = x$5;
+      } catch (x$3) {
+        control = x$3;
       }
       fn();
     }
@@ -959,7 +932,7 @@ function initWrapperState$2(element, props) {
 }
 function updateChecked(element, props) {
   props = props.checked;
-  null != props && setValueForProperty(element, "checked", props, !1);
+  null != props && (element.checked = props);
 }
 function updateWrapper$1(element, props) {
   updateChecked(element, props);
@@ -1212,70 +1185,29 @@ Object.keys(isUnitlessNumber).forEach(function (prop) {
     isUnitlessNumber[prefix] = isUnitlessNumber[prop];
   });
 });
-function dangerousStyleValue(name, value, isCustomProperty) {
-  return null == value || "boolean" === typeof value || "" === value
-    ? ""
-    : isCustomProperty ||
-      "number" !== typeof value ||
-      0 === value ||
-      (isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-    ? ("" + value).trim()
-    : value + "px";
-}
 function setValueForStyles(node, styles) {
   node = node.style;
   for (var styleName in styles)
     if (styles.hasOwnProperty(styleName)) {
-      var isCustomProperty = 0 === styleName.indexOf("--"),
-        styleValue = dangerousStyleValue(
-          styleName,
-          styles[styleName],
-          isCustomProperty
-        );
-      "float" === styleName && (styleName = "cssFloat");
-      isCustomProperty
-        ? node.setProperty(styleName, styleValue)
-        : (node[styleName] = styleValue);
-    }
-}
-var voidElementTags = assign(
-  { menuitem: !0 },
-  {
-    area: !0,
-    base: !0,
-    br: !0,
-    col: !0,
-    embed: !0,
-    hr: !0,
-    img: !0,
-    input: !0,
-    keygen: !0,
-    link: !0,
-    meta: !0,
-    param: !0,
-    source: !0,
-    track: !0,
-    wbr: !0
-  }
-);
-function assertValidProps(tag, props) {
-  if (props) {
-    if (
-      voidElementTags[tag] &&
-      (null != props.children || null != props.dangerouslySetInnerHTML)
-    )
-      throw Error(formatProdErrorMessage(137, tag));
-    if (null != props.dangerouslySetInnerHTML) {
-      if (null != props.children) throw Error(formatProdErrorMessage(60));
-      if (
-        "object" !== typeof props.dangerouslySetInnerHTML ||
-        !("__html" in props.dangerouslySetInnerHTML)
-      )
-        throw Error(formatProdErrorMessage(61));
+      var value = styles[styleName],
+        isCustomProperty = 0 === styleName.indexOf("--");
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? node.setProperty(styleName, "")
+          : "float" === styleName
+          ? (node.cssFloat = "")
+          : (node[styleName] = "")
+        : isCustomProperty
+        ? node.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          (isUnitlessNumber.hasOwnProperty(styleName) &&
+            isUnitlessNumber[styleName])
+        ? "float" === styleName
+          ? (node.cssFloat = value)
+          : (node[styleName] = ("" + value).trim())
+        : (node[styleName] = value + "px");
     }
-    if (null != props.style && "object" !== typeof props.style)
-      throw Error(formatProdErrorMessage(62));
-  }
 }
 function isCustomComponent(tagName, props) {
   if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
@@ -1322,6 +1254,8 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -1332,12 +1266,16 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "source":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
     case "img":
-    case "image":
     case "link":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
+    case "image":
       listenToNonDelegatedEvent("error", domElement);
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
@@ -1347,6 +1285,8 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "input":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
@@ -1364,45 +1304,81 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = getHostProps(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
       break;
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
     default:
       props = rawProps;
   }
-  assertValidProps(tag, props);
   var nextProps = props,
     propKey;
   for (propKey in nextProps)
     if (nextProps.hasOwnProperty(propKey)) {
       var nextProp = nextProps[propKey];
-      "style" === propKey
-        ? setValueForStyles(domElement, nextProp)
-        : "dangerouslySetInnerHTML" === propKey
-        ? ((nextProp = nextProp ? nextProp.__html : void 0),
-          null != nextProp &&
-            (disableIEWorkarounds
-              ? (domElement.innerHTML = nextProp)
-              : setInnerHTML$1(domElement, nextProp)))
-        : "children" === propKey
-        ? "string" === typeof nextProp
-          ? "body" === tag ||
-            ("textarea" === tag && "" === nextProp) ||
-            setTextContent(domElement, nextProp)
-          : "number" === typeof nextProp &&
-            "body" !== tag &&
-            setTextContent(domElement, "" + nextProp)
-        : "suppressContentEditableWarning" !== propKey &&
-          "suppressHydrationWarning" !== propKey &&
-          "autoFocus" !== propKey &&
-          (registrationNameDependencies.hasOwnProperty(propKey)
-            ? null != nextProp &&
-              "onScroll" === propKey &&
-              listenToNonDelegatedEvent("scroll", domElement)
-            : null != nextProp &&
-              setValueForProperty(
-                domElement,
-                propKey,
-                nextProp,
-                isCustomComponentTag
-              ));
+      switch (propKey) {
+        case "style":
+          if (null != nextProp && "object" !== typeof nextProp)
+            throw Error(formatProdErrorMessage(62));
+          setValueForStyles(domElement, nextProp);
+          break;
+        case "dangerouslySetInnerHTML":
+          if (null != nextProp) {
+            if ("object" !== typeof nextProp || !("__html" in nextProp))
+              throw Error(formatProdErrorMessage(61));
+            nextProp = nextProp.__html;
+            if (null != nextProp) {
+              if (null != nextProps.children)
+                throw Error(formatProdErrorMessage(60));
+              disableIEWorkarounds
+                ? (domElement.innerHTML = nextProp)
+                : setInnerHTML$1(domElement, nextProp);
+            }
+          }
+          break;
+        case "children":
+          "string" === typeof nextProp
+            ? "body" === tag ||
+              ("textarea" === tag && "" === nextProp) ||
+              setTextContent(domElement, nextProp)
+            : "number" === typeof nextProp &&
+              "body" !== tag &&
+              setTextContent(domElement, "" + nextProp);
+          break;
+        case "onScroll":
+          null != nextProp && listenToNonDelegatedEvent("scroll", domElement);
+          break;
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+          break;
+        case "autoFocus":
+          break;
+        case "innerText":
+        case "textContent":
+          if (enableCustomElementPropertySupport) break;
+        default:
+          registrationNameDependencies.hasOwnProperty(propKey) ||
+            (null != nextProp &&
+              (isCustomComponentTag
+                ? setValueForPropertyOnCustomComponent(
+                    domElement,
+                    propKey,
+                    nextProp
+                  )
+                : setValueForProperty(domElement, propKey, nextProp)));
+      }
     }
   switch (tag) {
     case "input":
@@ -1450,15 +1426,23 @@ function updateProperties(
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i],
       propValue = updatePayload[i + 1];
-    "style" === propKey
-      ? setValueForStyles(domElement, propValue)
-      : "dangerouslySetInnerHTML" === propKey
-      ? disableIEWorkarounds
-        ? (domElement.innerHTML = propValue)
-        : setInnerHTML$1(domElement, propValue)
-      : "children" === propKey
-      ? setTextContent(domElement, propValue)
-      : setValueForProperty(domElement, propKey, propValue, lastRawProps);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+      case "dangerouslySetInnerHTML":
+        disableIEWorkarounds
+          ? (domElement.innerHTML = propValue)
+          : setInnerHTML$1(domElement, propValue);
+        break;
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+      default:
+        lastRawProps
+          ? setValueForPropertyOnCustomComponent(domElement, propKey, propValue)
+          : setValueForProperty(domElement, propKey, propValue);
+    }
   }
   switch (tag) {
     case "input":
@@ -1708,11 +1692,7 @@ function injectProfilingHooks(profilingHooks) {
 }
 function getLaneLabelMap() {
   if (enableSchedulingProfiler) {
-    for (
-      var map = new Map(), lane = 1, index$10 = 0;
-      31 > index$10;
-      index$10++
-    ) {
+    for (var map = new Map(), lane = 1, index$8 = 0; 31 > index$8; index$8++) {
       var label = getLabelForLane(lane);
       map.set(lane, label);
       lane *= 2;
@@ -1944,12 +1924,12 @@ function markStarvedLanesAsExpired(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$13 = 31 - clz32(lanes),
-      lane = 1 << index$13,
-      expirationTime = expirationTimes[index$13];
+    var index$11 = 31 - clz32(lanes),
+      lane = 1 << index$11,
+      expirationTime = expirationTimes[index$11];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$13] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$11] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -1999,19 +1979,19 @@ function markRootFinished(root, remainingLanes) {
   var eventTimes = root.eventTimes,
     expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$15 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$15;
-    remainingLanes[index$15] = 0;
-    eventTimes[index$15] = -1;
-    expirationTimes[index$15] = -1;
-    var hiddenUpdatesForLane = root[index$15];
+    var index$13 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$13;
+    remainingLanes[index$13] = 0;
+    eventTimes[index$13] = -1;
+    expirationTimes[index$13] = -1;
+    var hiddenUpdatesForLane = root[index$13];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$15] = null, index$15 = 0;
-        index$15 < hiddenUpdatesForLane.length;
-        index$15++
+        root[index$13] = null, index$13 = 0;
+        index$13 < hiddenUpdatesForLane.length;
+        index$13++
       ) {
-        var update = hiddenUpdatesForLane[index$15];
+        var update = hiddenUpdatesForLane[index$13];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -2020,19 +2000,19 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$16 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$16;
-    (lane & entangledLanes) | (root[index$16] & entangledLanes) &&
-      (root[index$16] |= entangledLanes);
+    var index$14 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$14;
+    (lane & entangledLanes) | (root[index$14] & entangledLanes) &&
+      (root[index$14] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$17 = 31 - clz32(lanes),
-        lane = 1 << index$17;
-      root[index$17].add(fiber);
+      var index$15 = 31 - clz32(lanes),
+        lane = 1 << index$15;
+      root[index$15].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -2044,27 +2024,27 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$18 = 31 - clz32(lanes);
-      root = 1 << index$18;
-      index$18 = pendingUpdatersLaneMap[index$18];
-      0 < index$18.size &&
-        (index$18.forEach(function (fiber) {
+      var index$16 = 31 - clz32(lanes);
+      root = 1 << index$16;
+      index$16 = pendingUpdatersLaneMap[index$16];
+      0 < index$16.size &&
+        (index$16.forEach(function (fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$18.clear());
+        index$16.clear());
       lanes &= ~root;
     }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$20 = 31 - clz32(lanes),
-      lane = 1 << index$20;
-    index$20 = root.transitionLanes[index$20];
-    null !== index$20 &&
-      index$20.forEach(function (transition) {
+    var index$18 = 31 - clz32(lanes),
+      lane = 1 << index$18;
+    index$18 = root.transitionLanes[index$18];
+    null !== index$18 &&
+      index$18.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -2074,10 +2054,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$21 = 31 - clz32(lanes),
-        lane = 1 << index$21;
-      null !== root.transitionLanes[index$21] &&
-        (root.transitionLanes[index$21] = null);
+      var index$19 = 31 - clz32(lanes),
+        lane = 1 << index$19;
+      null !== root.transitionLanes[index$19] &&
+        (root.transitionLanes[index$19] = null);
       lanes &= ~lane;
     }
 }
@@ -2275,12 +2255,12 @@ function preinit$1(href, options) {
       switch (as) {
         case "style":
           as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$25 = getStyleKey(href),
+          var key$23 = getStyleKey(href),
             precedence = options.precedence || "default",
-            resource = as.get(key$25);
+            resource = as.get(key$23);
           if (resource) break;
           resource = resourceRoot.querySelector(
-            getStylesheetSelectorFromKey(key$25)
+            getStylesheetSelectorFromKey(key$23)
           );
           resource ||
             ((href = {
@@ -2289,7 +2269,7 @@ function preinit$1(href, options) {
               "data-precedence": precedence,
               crossOrigin: options.crossOrigin
             }),
-            (options = preloadPropsMap.get(key$25)) &&
+            (options = preloadPropsMap.get(key$23)) &&
               adoptPreloadPropsForStylesheet(href, options),
             (resource = (
               resourceRoot.ownerDocument || resourceRoot
@@ -2298,15 +2278,15 @@ function preinit$1(href, options) {
             setInitialProperties(resource, "link", href),
             insertStylesheet(resource, precedence, resourceRoot));
           resource = { type: "stylesheet", instance: resource, count: 1 };
-          as.set(key$25, resource);
+          as.set(key$23, resource);
           break;
         case "script":
           (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$25 = getScriptKey(href)),
-            (precedence = as.get(key$25)),
+            (key$23 = getScriptKey(href)),
+            (precedence = as.get(key$23)),
             precedence ||
               ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$25
+                "script[async]" + key$23
               )),
               precedence ||
                 ((href = {
@@ -2315,7 +2295,7 @@ function preinit$1(href, options) {
                   crossOrigin: options.crossOrigin,
                   integrity: options.integrity
                 }),
-                (options = preloadPropsMap.get(key$25)) &&
+                (options = preloadPropsMap.get(key$23)) &&
                   adoptPreloadPropsForScript(href, options),
                 (options = resourceRoot.ownerDocument || resourceRoot),
                 (precedence = options.createElement("script")),
@@ -2323,13 +2303,13 @@ function preinit$1(href, options) {
                 setInitialProperties(precedence, "link", href),
                 options.head.appendChild(precedence)),
               (precedence = { type: "script", instance: precedence, count: 1 }),
-              as.set(key$25, precedence));
+              as.set(key$23, precedence));
       }
     else if ("style" === as || "script" === as)
       if ((resourceRoot = getDocumentForPreloads())) {
-        key$25 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$25 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$25 + '"]';
+        key$23 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        precedence = key$23 =
+          'link[rel="preload"][as="' + as + '"][href="' + key$23 + '"]';
         switch (as) {
           case "style":
             precedence = getStyleKey(href);
@@ -2346,7 +2326,7 @@ function preinit$1(href, options) {
             integrity: options.integrity
           }),
           preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$25) &&
+          null === resourceRoot.querySelector(key$23) &&
             ((options = resourceRoot.createElement("link")),
             setInitialProperties(options, "link", href),
             markNodeAsHoistable(options),
@@ -2378,14 +2358,14 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.href &&
         "string" === typeof pendingProps.precedence
       ) {
-        var key$32 = getStyleKey(pendingProps.href),
-          styles$33 = getResourcesFromRoot(currentProps).hoistableStyles;
-        type = styles$33.get(key$32);
+        var key$30 = getStyleKey(pendingProps.href),
+          styles$31 = getResourcesFromRoot(currentProps).hoistableStyles;
+        type = styles$31.get(key$30);
         type ||
           ((currentProps = currentProps.ownerDocument || currentProps),
           (type = { type: "stylesheet", instance: null, count: 0 }),
-          styles$33.set(key$32, type),
-          preloadPropsMap.has(key$32) ||
+          styles$31.set(key$30, type),
+          preloadPropsMap.has(key$30) ||
             ((pendingProps = {
               rel: "preload",
               as: "style",
@@ -2396,16 +2376,16 @@ function getResource(type, currentProps, pendingProps) {
               hrefLang: pendingProps.hrefLang,
               referrerPolicy: pendingProps.referrerPolicy
             }),
-            preloadPropsMap.set(key$32, pendingProps),
-            currentProps.querySelector(getStylesheetSelectorFromKey(key$32)) ||
+            preloadPropsMap.set(key$30, pendingProps),
+            currentProps.querySelector(getStylesheetSelectorFromKey(key$30)) ||
               null !==
                 currentProps.querySelector(
-                  'link[rel="preload"][as="style"][' + key$32 + "]"
+                  'link[rel="preload"][as="style"][' + key$30 + "]"
                 ) ||
-              ((key$32 = currentProps.createElement("link")),
-              setInitialProperties(key$32, "link", pendingProps),
-              markNodeAsHoistable(key$32),
-              currentProps.head.appendChild(key$32))));
+              ((key$30 = currentProps.createElement("link")),
+              setInitialProperties(key$30, "link", pendingProps),
+              markNodeAsHoistable(key$30),
+              currentProps.head.appendChild(key$30))));
         return type;
       }
       return null;
@@ -2455,14 +2435,14 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = key);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$40 = hoistableRoot.querySelector(
+        var instance$38 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$40)
+        if (instance$38)
           return (
-            (resource.instance = instance$40),
-            markNodeAsHoistable(instance$40),
-            instance$40
+            (resource.instance = instance$38),
+            markNodeAsHoistable(instance$38),
+            instance$38
           );
         key = assign({}, props, {
           "data-precedence": props.precedence,
@@ -2470,11 +2450,11 @@ function acquireResource(hoistableRoot, resource, props) {
         });
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$40 = (
+        instance$38 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$40);
-        var linkInstance = instance$40;
+        markNodeAsHoistable(instance$38);
+        var linkInstance = instance$38;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
@@ -2486,14 +2466,14 @@ function acquireResource(hoistableRoot, resource, props) {
             return (linkInstance._p.s = "e");
           }
         );
-        setInitialProperties(instance$40, "link", key);
-        insertStylesheet(instance$40, props.precedence, hoistableRoot);
-        return (resource.instance = instance$40);
+        setInitialProperties(instance$38, "link", key);
+        insertStylesheet(instance$38, props.precedence, hoistableRoot);
+        return (resource.instance = instance$38);
       case "script":
-        instance$40 = getScriptKey(props.src);
+        instance$38 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$40
+            "script[async]" + instance$38
           ))
         )
           return (
@@ -2502,7 +2482,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         key = props;
-        if ((styleProps = preloadPropsMap.get(instance$40)))
+        if ((styleProps = preloadPropsMap.get(instance$38)))
           (key = assign({}, props)),
             adoptPreloadPropsForScript(key, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -3350,7 +3330,6 @@ function prepareToHydrateHostInstance(fiber) {
   }
   props.hasOwnProperty("onScroll") &&
     listenToNonDelegatedEvent("scroll", instance);
-  assertValidProps(type, props);
   i = null;
   var children = props.children;
   if (
@@ -4852,10 +4831,10 @@ createFunctionComponentUpdateQueue = function () {
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
     if ("function" === typeof usable.then) {
-      var index$80 = thenableIndexCounter;
+      var index$78 = thenableIndexCounter;
       thenableIndexCounter += 1;
       null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$80);
+      usable = trackUsedThenable(thenableState, usable, index$78);
       null === currentlyRenderingFiber$1.alternate &&
         (null === workInProgressHook
           ? null === currentlyRenderingFiber$1.memoizedState
@@ -5347,16 +5326,16 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$86 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$86) {
+        var root$84 = enqueueUpdate(provider, fiber, lane);
+        if (null !== root$84) {
           var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$86, provider, lane, eventTime);
-          entangleTransitions(root$86, provider, lane);
+          scheduleUpdateOnFiber(root$84, provider, lane, eventTime);
+          entangleTransitions(root$84, provider, lane);
         }
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$86 &&
+          null !== root$84 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -5565,15 +5544,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$82 = workInProgressRoot;
-      if (null === root$82) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$82, renderLanes$1) ||
+      var root$80 = workInProgressRoot;
+      if (null === root$80) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$80, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$82 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$82;
-    mountEffect(subscribeToStore.bind(null, fiber, root$82, subscribe), [
+    root$80 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$80;
+    mountEffect(subscribeToStore.bind(null, fiber, root$80, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -5582,7 +5561,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$82,
+        root$80,
         getServerSnapshot,
         getSnapshot
       ),
@@ -6150,10 +6129,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$99 = workInProgress.stateNode;
+      root$97 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$99.incompleteTransitions.has(transition)) {
+        if (!root$97.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -6161,11 +6140,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$99.incompleteTransitions.set(transition, markerInstance);
+          root$97.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$99.incompleteTransitions.forEach(function (markerInstance) {
+    root$97.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -6878,14 +6857,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$106 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$106)
+    var dehydrated$104 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$104)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$106,
+        dehydrated$104,
         JSCompiler_temp,
         renderLanes
       );
@@ -6895,7 +6874,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$106 = JSCompiler_temp.sibling;
+    dehydrated$104 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -6909,8 +6888,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$106
-      ? (showFallback = createWorkInProgress(dehydrated$106, showFallback))
+    null !== dehydrated$104
+      ? (showFallback = createWorkInProgress(dehydrated$104, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -6929,10 +6908,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$106 = CacheContext._currentValue),
+          ? ((dehydrated$104 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$106
-                ? { parent: dehydrated$106, pool: dehydrated$106 }
+              JSCompiler_temp.parent !== dehydrated$104
+                ? { parent: dehydrated$104, pool: dehydrated$104 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -6946,23 +6925,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$106 = showFallback.updateQueue),
+        (dehydrated$104 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$106
+        null === dehydrated$104
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$106 === primaryChildProps
+          : dehydrated$104 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$106.transitions = didSuspend),
-            (dehydrated$106.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$104.transitions = didSuspend),
+            (dehydrated$104.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -7943,110 +7922,168 @@ function updateHostComponent(current, workInProgress, type, newProps) {
     var updatePayload = null;
     switch (type) {
       case "input":
-        oldProps = getHostProps$2(current, oldProps);
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
+        type = getHostProps$2(current, oldProps);
         newProps = getHostProps$2(current, newProps);
         updatePayload = [];
         break;
       case "select":
-        oldProps = assign({}, oldProps, { value: void 0 });
+        type = assign({}, oldProps, { value: void 0 });
         newProps = assign({}, newProps, { value: void 0 });
         updatePayload = [];
         break;
       case "textarea":
-        oldProps = getHostProps(current, oldProps);
+        type = getHostProps(current, oldProps);
         newProps = getHostProps(current, newProps);
         updatePayload = [];
         break;
+      case "img":
+      case "link":
+      case "area":
+      case "base":
+      case "br":
+      case "col":
+      case "embed":
+      case "hr":
+      case "keygen":
+      case "meta":
+      case "param":
+      case "source":
+      case "track":
+      case "wbr":
+      case "menuitem":
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
       default:
-        "function" !== typeof oldProps.onClick &&
-          "function" === typeof newProps.onClick &&
-          (current.onclick = noop$1);
+        (type = oldProps),
+          "function" !== typeof type.onClick &&
+            "function" === typeof newProps.onClick &&
+            (current.onclick = noop$1);
     }
-    assertValidProps(type, newProps);
     var styleName;
-    type = null;
-    for (JSCompiler_inline_result in oldProps)
+    oldProps = null;
+    for (JSCompiler_inline_result in type)
       if (
         !newProps.hasOwnProperty(JSCompiler_inline_result) &&
-        oldProps.hasOwnProperty(JSCompiler_inline_result) &&
-        null != oldProps[JSCompiler_inline_result]
+        type.hasOwnProperty(JSCompiler_inline_result) &&
+        null != type[JSCompiler_inline_result]
       )
-        if ("style" === JSCompiler_inline_result) {
-          var lastStyle = oldProps[JSCompiler_inline_result];
-          for (styleName in lastStyle)
-            lastStyle.hasOwnProperty(styleName) &&
-              (type || (type = {}), (type[styleName] = ""));
-        } else
-          "dangerouslySetInnerHTML" !== JSCompiler_inline_result &&
-            "children" !== JSCompiler_inline_result &&
-            "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-            "suppressHydrationWarning" !== JSCompiler_inline_result &&
-            "autoFocus" !== JSCompiler_inline_result &&
-            (registrationNameDependencies.hasOwnProperty(
+        switch (JSCompiler_inline_result) {
+          case "style":
+            var lastStyle = type[JSCompiler_inline_result];
+            for (styleName in lastStyle)
+              lastStyle.hasOwnProperty(styleName) &&
+                (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+            break;
+          case "dangerouslySetInnerHTML":
+          case "children":
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
               JSCompiler_inline_result
             )
               ? updatePayload || (updatePayload = [])
               : (updatePayload = updatePayload || []).push(
                   JSCompiler_inline_result,
                   null
-                ));
+                );
+        }
     for (JSCompiler_inline_result in newProps) {
       var nextProp = newProps[JSCompiler_inline_result];
-      lastStyle =
-        null != oldProps ? oldProps[JSCompiler_inline_result] : void 0;
+      lastStyle = null != type ? type[JSCompiler_inline_result] : void 0;
       if (
         newProps.hasOwnProperty(JSCompiler_inline_result) &&
         nextProp !== lastStyle &&
         (null != nextProp || null != lastStyle)
       )
-        if ("style" === JSCompiler_inline_result)
-          if (lastStyle) {
-            for (styleName in lastStyle)
-              !lastStyle.hasOwnProperty(styleName) ||
-                (nextProp && nextProp.hasOwnProperty(styleName)) ||
-                (type || (type = {}), (type[styleName] = ""));
-            for (styleName in nextProp)
-              nextProp.hasOwnProperty(styleName) &&
-                lastStyle[styleName] !== nextProp[styleName] &&
-                (type || (type = {}), (type[styleName] = nextProp[styleName]));
-          } else
-            type ||
-              (updatePayload || (updatePayload = []),
-              updatePayload.push(JSCompiler_inline_result, type)),
-              (type = nextProp);
-        else
-          "dangerouslySetInnerHTML" === JSCompiler_inline_result
-            ? ((nextProp = nextProp ? nextProp.__html : void 0),
-              (lastStyle = lastStyle ? lastStyle.__html : void 0),
-              null != nextProp &&
-                lastStyle !== nextProp &&
-                (updatePayload = updatePayload || []).push(
-                  JSCompiler_inline_result,
-                  nextProp
-                ))
-            : "children" === JSCompiler_inline_result
-            ? ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
+        switch (JSCompiler_inline_result) {
+          case "style":
+            if (null != nextProp && "object" !== typeof nextProp)
+              throw Error(formatProdErrorMessage(62));
+            if (lastStyle) {
+              for (styleName in lastStyle)
+                !lastStyle.hasOwnProperty(styleName) ||
+                  (nextProp && nextProp.hasOwnProperty(styleName)) ||
+                  (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+              for (styleName in nextProp)
+                nextProp.hasOwnProperty(styleName) &&
+                  lastStyle[styleName] !== nextProp[styleName] &&
+                  (oldProps || (oldProps = {}),
+                  (oldProps[styleName] = nextProp[styleName]));
+            } else
+              oldProps ||
+                (updatePayload || (updatePayload = []),
+                updatePayload.push(JSCompiler_inline_result, oldProps)),
+                (oldProps = nextProp);
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != nextProp) {
+              if ("object" !== typeof nextProp || !("__html" in nextProp))
+                throw Error(formatProdErrorMessage(61));
+              nextProp = nextProp.__html;
+              if (null != nextProp) {
+                if (null != newProps.children)
+                  throw Error(formatProdErrorMessage(60));
+                (lastStyle ? lastStyle.__html : void 0) !== nextProp &&
+                  (updatePayload = updatePayload || []).push(
+                    JSCompiler_inline_result,
+                    nextProp
+                  );
+              }
+            }
+            break;
+          case "children":
+            ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
               (updatePayload = updatePayload || []).push(
                 JSCompiler_inline_result,
                 "" + nextProp
-              )
-            : "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-              "suppressHydrationWarning" !== JSCompiler_inline_result &&
-              (registrationNameDependencies.hasOwnProperty(
-                JSCompiler_inline_result
-              )
-                ? (null != nextProp &&
-                    "onScroll" === JSCompiler_inline_result &&
-                    listenToNonDelegatedEvent("scroll", current),
-                  updatePayload ||
-                    lastStyle === nextProp ||
-                    (updatePayload = []))
-                : (updatePayload = updatePayload || []).push(
-                    JSCompiler_inline_result,
-                    nextProp
-                  ));
+              );
+            break;
+          case "onScroll":
+            null != nextProp && listenToNonDelegatedEvent("scroll", current);
+            updatePayload || lastStyle === nextProp || (updatePayload = []);
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
+              JSCompiler_inline_result
+            )
+              ? updatePayload || lastStyle === nextProp || (updatePayload = [])
+              : (updatePayload = updatePayload || []).push(
+                  JSCompiler_inline_result,
+                  nextProp
+                );
+        }
     }
-    type && (updatePayload = updatePayload || []).push("style", type);
+    oldProps && (updatePayload = updatePayload || []).push("style", oldProps);
     var JSCompiler_inline_result = updatePayload;
     (workInProgress.updateQueue = JSCompiler_inline_result) &&
       markUpdate(workInProgress);
@@ -8075,14 +8112,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$138 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$138 = lastTailNode),
+        for (var lastTailNode$136 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$136 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$138
+        null === lastTailNode$136
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$138.sibling = null);
+          : (lastTailNode$136.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -8094,53 +8131,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$140 = completedWork.selfBaseDuration,
-          child$141 = completedWork.child;
-        null !== child$141;
+        var treeBaseDuration$138 = completedWork.selfBaseDuration,
+          child$139 = completedWork.child;
+        null !== child$139;
 
       )
-        (newChildLanes |= child$141.lanes | child$141.childLanes),
-          (subtreeFlags |= child$141.subtreeFlags & 31457280),
-          (subtreeFlags |= child$141.flags & 31457280),
-          (treeBaseDuration$140 += child$141.treeBaseDuration),
-          (child$141 = child$141.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$140;
+        (newChildLanes |= child$139.lanes | child$139.childLanes),
+          (subtreeFlags |= child$139.subtreeFlags & 31457280),
+          (subtreeFlags |= child$139.flags & 31457280),
+          (treeBaseDuration$138 += child$139.treeBaseDuration),
+          (child$139 = child$139.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$138;
     } else
       for (
-        treeBaseDuration$140 = completedWork.child;
-        null !== treeBaseDuration$140;
+        treeBaseDuration$138 = completedWork.child;
+        null !== treeBaseDuration$138;
 
       )
         (newChildLanes |=
-          treeBaseDuration$140.lanes | treeBaseDuration$140.childLanes),
-          (subtreeFlags |= treeBaseDuration$140.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$140.flags & 31457280),
-          (treeBaseDuration$140.return = completedWork),
-          (treeBaseDuration$140 = treeBaseDuration$140.sibling);
+          treeBaseDuration$138.lanes | treeBaseDuration$138.childLanes),
+          (subtreeFlags |= treeBaseDuration$138.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$138.flags & 31457280),
+          (treeBaseDuration$138.return = completedWork),
+          (treeBaseDuration$138 = treeBaseDuration$138.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$140 = completedWork.actualDuration;
-    child$141 = completedWork.selfBaseDuration;
+    treeBaseDuration$138 = completedWork.actualDuration;
+    child$139 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$140 += child.actualDuration),
-        (child$141 += child.treeBaseDuration),
+        (treeBaseDuration$138 += child.actualDuration),
+        (child$139 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$140;
-    completedWork.treeBaseDuration = child$141;
+    completedWork.actualDuration = treeBaseDuration$138;
+    completedWork.treeBaseDuration = child$139;
   } else
     for (
-      treeBaseDuration$140 = completedWork.child;
-      null !== treeBaseDuration$140;
+      treeBaseDuration$138 = completedWork.child;
+      null !== treeBaseDuration$138;
 
     )
       (newChildLanes |=
-        treeBaseDuration$140.lanes | treeBaseDuration$140.childLanes),
-        (subtreeFlags |= treeBaseDuration$140.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$140.flags),
-        (treeBaseDuration$140.return = completedWork),
-        (treeBaseDuration$140 = treeBaseDuration$140.sibling);
+        treeBaseDuration$138.lanes | treeBaseDuration$138.childLanes),
+        (subtreeFlags |= treeBaseDuration$138.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$138.flags),
+        (treeBaseDuration$138.return = completedWork),
+        (treeBaseDuration$138 = treeBaseDuration$138.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -8922,8 +8959,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$173) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$173);
+      } catch (error$171) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$171);
       }
     else ref.current = null;
 }
@@ -9221,11 +9258,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$175 = commitTime,
+        var commitTime$173 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$175);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$173);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -9252,8 +9289,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$177) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$177);
+    } catch (error$175) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$175);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -9352,11 +9389,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$178) {
+            } catch (error$176) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$178
+                error$176
               );
             }
         else {
@@ -9373,11 +9410,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$179) {
+            } catch (error$177) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$179
+                error$177
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -9388,11 +9425,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$180) {
+            } catch (error$178) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$180
+                error$178
               );
             }
         }
@@ -10091,22 +10128,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$195) {
+          } catch (error$193) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$195
+              error$193
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$196) {
+          } catch (error$194) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$196
+              error$194
             );
           }
       }
@@ -10285,11 +10322,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$197) {
+          } catch (error$195) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$197
+              error$195
             );
           }
       break;
@@ -10325,8 +10362,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$198) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$198);
+        } catch (error$196) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
         }
       }
       if (
@@ -10343,8 +10380,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         try {
           updateProperties(flags, maybeNodes, hoistableRoot, current, root),
             (flags[internalPropsKey] = root);
-        } catch (error$201) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$201);
+        } catch (error$199) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$199);
         }
       break;
     case 6:
@@ -10357,8 +10394,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$202) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$202);
+        } catch (error$200) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$200);
         }
       }
       break;
@@ -10372,8 +10409,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$203) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$203);
+        } catch (error$201) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$201);
         }
       break;
     case 4:
@@ -10403,8 +10440,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$205) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$205);
+        } catch (error$203) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$203);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -10466,10 +10503,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         nextNode.hasOwnProperty("display")
                           ? nextNode.display
                           : null),
-                      (i.style.display = dangerousStyleValue(
-                        "display",
-                        nodeName
-                      )));
+                      (i.style.display =
+                        null == nodeName || "boolean" === typeof nodeName
+                          ? ""
+                          : ("" + nodeName).trim()));
               } catch (error) {
                 captureCommitPhaseError(
                   finishedWork,
@@ -10482,11 +10519,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$185) {
+              } catch (error$183) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$185
+                  error$183
                 );
               }
           } else if (
@@ -10561,21 +10598,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$186 = JSCompiler_inline_result.stateNode;
+            var parent$184 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$186, ""),
+              (setTextContent(parent$184, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$187 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$187, parent$186);
+            var before$185 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$185, parent$184);
             break;
           case 3:
           case 4:
-            var parent$188 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$189 = getHostSibling(finishedWork);
+            var parent$186 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$187 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$189,
-              parent$188
+              before$187,
+              parent$186
             );
             break;
           default:
@@ -10767,8 +10804,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$211) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$211);
+    } catch (error$209) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$209);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -11067,9 +11104,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$216 = finishedWork.stateNode;
+        var instance$214 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$216._visibility & 4
+          ? instance$214._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -11082,7 +11119,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$216._visibility |= 4),
+            : ((instance$214._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -11090,7 +11127,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$216._visibility |= 4),
+          : ((instance$214._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -11103,7 +11140,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$216
+            instance$214
           );
         break;
       case 24:
@@ -11695,16 +11732,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$225 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$223 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$225 &&
-            ((lanes = errorRetryLanes$225),
+          0 !== errorRetryLanes$223 &&
+            ((lanes = errorRetryLanes$223),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$225
+              errorRetryLanes$223
             )));
         }
         if (1 === exitStatus)
@@ -11753,14 +11790,14 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           exitStatus = lanes;
           errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$225 = -1; 0 < exitStatus; ) {
-            var index$12 = 31 - clz32(exitStatus),
-              lane = 1 << index$12;
-            index$12 = errorRetryLanes[index$12];
-            index$12 > errorRetryLanes$225 && (errorRetryLanes$225 = index$12);
+          for (errorRetryLanes$223 = -1; 0 < exitStatus; ) {
+            var index$10 = 31 - clz32(exitStatus),
+              lane = 1 << index$10;
+            index$10 = errorRetryLanes[index$10];
+            index$10 > errorRetryLanes$223 && (errorRetryLanes$223 = index$10);
             exitStatus &= ~lane;
           }
-          exitStatus = errorRetryLanes$225;
+          exitStatus = errorRetryLanes$223;
           exitStatus = now$1() - exitStatus;
           exitStatus =
             (120 > exitStatus
@@ -11882,9 +11919,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$14 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$14;
-    root[index$14] = -1;
+    var index$12 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$12;
+    root[index$12] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -12133,8 +12170,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$228) {
-      handleThrow(root, thrownValue$228);
+    } catch (thrownValue$226) {
+      handleThrow(root, thrownValue$226);
     }
   while (1);
   resetContextDependencies();
@@ -12251,8 +12288,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$230) {
-      handleThrow(root, thrownValue$230);
+    } catch (thrownValue$228) {
+      handleThrow(root, thrownValue$228);
     }
   while (1);
   resetContextDependencies();
@@ -12427,10 +12464,10 @@ function unwindSuspendedUnitOfWork(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$94 = offscreenQueue.retryQueue;
-                      null === retryQueue$94
+                      var retryQueue$92 = offscreenQueue.retryQueue;
+                      null === retryQueue$92
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$94.add(wakeable);
+                        : retryQueue$92.add(wakeable);
                     }
                   }
                   break;
@@ -12629,7 +12666,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$233 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$231 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -12637,7 +12674,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$233 &&
+    shouldFireAfterActiveInstanceBlur$231 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -12731,7 +12768,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$234 = rootWithPendingPassiveEffects,
+    var root$232 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -12747,7 +12784,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$234, remainingLanes);
+        releaseRootPooledCache(root$232, remainingLanes);
     }
   }
   return !1;
@@ -14117,12 +14154,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$237 = fiber.stateNode;
-      if (root$237.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$237.pendingLanes);
+      var root$235 = fiber.stateNode;
+      if (root$235.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$235.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$237, lanes | 2),
-          ensureRootIsScheduled(root$237, now$1()),
+          (markRootEntangled(root$235, lanes | 2),
+          ensureRootIsScheduled(root$235, now$1()),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now$1() + 500),
             flushSyncCallbacks()));
@@ -14694,19 +14731,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$340;
+  var JSCompiler_inline_result$jscomp$337;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1694 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1694) {
-      var element$jscomp$inline_1695 = document.createElement("div");
-      element$jscomp$inline_1695.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1694 =
-        "function" === typeof element$jscomp$inline_1695.oninput;
+    var isSupported$jscomp$inline_1687 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1687) {
+      var element$jscomp$inline_1688 = document.createElement("div");
+      element$jscomp$inline_1688.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1687 =
+        "function" === typeof element$jscomp$inline_1688.oninput;
     }
-    JSCompiler_inline_result$jscomp$340 = isSupported$jscomp$inline_1694;
-  } else JSCompiler_inline_result$jscomp$340 = !1;
+    JSCompiler_inline_result$jscomp$337 = isSupported$jscomp$inline_1687;
+  } else JSCompiler_inline_result$jscomp$337 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$340 &&
+    JSCompiler_inline_result$jscomp$337 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14844,20 +14881,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1707 = 0;
-  i$jscomp$inline_1707 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1707++
+  var i$jscomp$inline_1700 = 0;
+  i$jscomp$inline_1700 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1700++
 ) {
-  var eventName$jscomp$inline_1708 =
-      simpleEventPluginEvents[i$jscomp$inline_1707],
-    domEventName$jscomp$inline_1709 =
-      eventName$jscomp$inline_1708.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1710 =
-      eventName$jscomp$inline_1708[0].toUpperCase() +
-      eventName$jscomp$inline_1708.slice(1);
+  var eventName$jscomp$inline_1701 =
+      simpleEventPluginEvents[i$jscomp$inline_1700],
+    domEventName$jscomp$inline_1702 =
+      eventName$jscomp$inline_1701.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1703 =
+      eventName$jscomp$inline_1701[0].toUpperCase() +
+      eventName$jscomp$inline_1701.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1709,
-    "on" + capitalizedEvent$jscomp$inline_1710
+    domEventName$jscomp$inline_1702,
+    "on" + capitalizedEvent$jscomp$inline_1703
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16436,11 +16473,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$252);
+        var instance = getPublicRootInstance(root$250);
         originalCallback.call(instance);
       };
     }
-    var root$252 = createHydrationContainer(
+    var root$250 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -16452,23 +16489,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$252;
-    container[internalContainerInstanceKey] = root$252.current;
+    container._reactRootContainer = root$250;
+    container[internalContainerInstanceKey] = root$250.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$252;
+    return root$250;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$253 = callback;
+    var originalCallback$251 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$254);
-      originalCallback$253.call(instance);
+      var instance = getPublicRootInstance(root$252);
+      originalCallback$251.call(instance);
     };
   }
-  var root$254 = createFiberRoot(
+  var root$252 = createFiberRoot(
     container,
     0,
     !1,
@@ -16480,15 +16517,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$254;
-  container[internalContainerInstanceKey] = root$254.current;
+  container._reactRootContainer = root$252;
+  container[internalContainerInstanceKey] = root$252.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$254, parentComponent, callback);
+    updateContainer(initialChildren, root$252, parentComponent, callback);
   });
-  return root$254;
+  return root$252;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -16547,10 +16584,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1863 = {
+var devToolsConfig$jscomp$inline_1856 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-cd7dacca",
+  version: "18.3.0-www-classic-a14531a3",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -16568,10 +16605,10 @@ var devToolsConfig$jscomp$inline_1863 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1863.bundleType,
-  version: devToolsConfig$jscomp$inline_1863.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1863.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1863.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1856.bundleType,
+  version: devToolsConfig$jscomp$inline_1856.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1856.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1856.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16587,14 +16624,14 @@ var devToolsConfig$jscomp$inline_1863 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1863.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1856.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-cd7dacca"
+  reconcilerVersion: "18.3.0-www-classic-a14531a3"
 });
 assign(Internals, {
   ReactBrowserEventEmitter: {
@@ -16821,7 +16858,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-cd7dacca";
+exports.version = "18.3.0-www-classic-a14531a3";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOM-profiling.modern.js b/compiled/facebook-www/ReactDOM-profiling.modern.js
index df406f3c23278..d48ffd1885726 100644
--- a/compiled/facebook-www/ReactDOM-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOM-profiling.modern.js
@@ -208,60 +208,6 @@ function isAttributeNameSafe(attributeName) {
   illegalAttributeNameCache[attributeName] = !0;
   return !1;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      return !0;
-    case "boolean":
-      if (isCustomComponentTag) return !1;
-      if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
-      name = name.toLowerCase().slice(0, 5);
-      return "data-" !== name && "aria-" !== name;
-    default:
-      return !1;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (
-    null === value ||
-    "undefined" === typeof value ||
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  )
-    return !0;
-  if (isCustomComponentTag)
-    return enableCustomElementPropertySupport && !1 === value ? !0 : !1;
-  if (null !== propertyInfo) {
-    if (propertyInfo.removeEmptyString && "" === value) return !0;
-    switch (propertyInfo.type) {
-      case 3:
-        return !value;
-      case 4:
-        return !1 === value;
-      case 5:
-        return isNaN(value);
-      case 6:
-        return isNaN(value) || 1 > value;
-    }
-  }
-  return !1;
-}
 function PropertyInfoRecord(
   name,
   type,
@@ -280,16 +226,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -439,110 +376,146 @@ properties.formAction = new PropertyInfoRecord(
 });
 var isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var JSCompiler_inline_result = properties.hasOwnProperty(name)
-    ? properties[name]
-    : null;
-  var JSCompiler_inline_result$jscomp$0 =
-    null !== JSCompiler_inline_result
-      ? 0 === JSCompiler_inline_result.type
-      : isCustomComponentTag
-      ? !1
-      : !(2 < name.length) ||
-        ("o" !== name[0] && "O" !== name[0]) ||
-        ("n" !== name[1] && "N" !== name[1])
-      ? !1
-      : !0;
-  if (!JSCompiler_inline_result$jscomp$0) {
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      "o" === name[0] &&
-      "n" === name[1]
-    ) {
-      JSCompiler_inline_result$jscomp$0 = name.replace(/Capture$/, "");
-      var useCapture = name !== JSCompiler_inline_result$jscomp$0;
-      JSCompiler_inline_result$jscomp$0 =
-        JSCompiler_inline_result$jscomp$0.slice(2);
-      var prevProps = getFiberCurrentPropsFromNode(node);
-      prevProps = null != prevProps ? prevProps[name] : null;
-      "function" === typeof prevProps &&
-        node.removeEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          prevProps,
-          useCapture
-        );
-      if ("function" === typeof value) {
-        "function" !== typeof prevProps &&
-          null !== prevProps &&
-          (name in node
-            ? (node[name] = null)
-            : node.hasAttribute(name) && node.removeAttribute(name));
-        node.addEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          value,
-          useCapture
+function setValueForProperty(node, name, value) {
+  if (
+    !(2 < name.length) ||
+    ("o" !== name[0] && "O" !== name[0]) ||
+    ("n" !== name[1] && "N" !== name[1])
+  ) {
+    var JSCompiler_inline_result = properties.hasOwnProperty(name)
+      ? properties[name]
+      : null;
+    if (null !== JSCompiler_inline_result)
+      if (JSCompiler_inline_result.mustUseProperty)
+        node[JSCompiler_inline_result.propertyName] =
+          value && "function" !== typeof value && "symbol" !== typeof value;
+      else if (
+        ((name = JSCompiler_inline_result.attributeName), null === value)
+      )
+        node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (!JSCompiler_inline_result.acceptsBooleans) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        if (JSCompiler_inline_result.removeEmptyString && "" === value)
+          node.removeAttribute(name);
+        else
+          switch (JSCompiler_inline_result.type) {
+            case 3:
+              value ? node.setAttribute(name, "") : node.removeAttribute(name);
+              break;
+            case 4:
+              !0 === value
+                ? node.setAttribute(name, "")
+                : !1 === value
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 5:
+              isNaN(value)
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 6:
+              !isNaN(value) && 1 <= value
+                ? node.setAttribute(name, value)
+                : node.removeAttribute(name);
+              break;
+            default:
+              value = enableTrustedTypesIntegration ? value : "" + value;
+              if (
+                JSCompiler_inline_result.sanitizeURL &&
+                isJavaScriptProtocol.test(value.toString())
+              )
+                throw Error(formatProdErrorMessage(323));
+              (JSCompiler_inline_result =
+                JSCompiler_inline_result.attributeNamespace)
+                ? node.setAttributeNS(JSCompiler_inline_result, name, value)
+                : node.setAttribute(name, value);
+          }
+      }
+    else if (isAttributeNameSafe(name))
+      if (null === value) node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (
+              ((JSCompiler_inline_result = name.toLowerCase().slice(0, 5)),
+              "data-" !== JSCompiler_inline_result &&
+                "aria-" !== JSCompiler_inline_result)
+            ) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        node.setAttribute(
+          name,
+          enableTrustedTypesIntegration ? value : "" + value
         );
-        return;
       }
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
+  if (
+    enableCustomElementPropertySupport &&
+    "o" === name[0] &&
+    "n" === name[1]
+  ) {
+    var useCapture = name.endsWith("Capture"),
+      eventName = name.substr(2, useCapture ? name.length - 9 : void 0),
+      prevProps = getFiberCurrentPropsFromNode(node);
+    prevProps = null != prevProps ? prevProps[name] : null;
+    "function" === typeof prevProps &&
+      node.removeEventListener(eventName, prevProps, useCapture);
+    if ("function" === typeof value) {
+      "function" !== typeof prevProps &&
+        null !== prevProps &&
+        (name in node
+          ? (node[name] = null)
+          : node.hasAttribute(name) && node.removeAttribute(name));
+      node.addEventListener(eventName, value, useCapture);
+      return;
     }
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      name in node
-    )
-      node[name] = value;
-    else if (
-      (shouldRemoveAttribute(
-        name,
-        value,
-        JSCompiler_inline_result,
-        isCustomComponentTag
-      ) && (value = null),
-      enableCustomElementPropertySupport &&
-        isCustomComponentTag &&
-        !0 === value &&
-        (value = ""),
-      isCustomComponentTag || null === JSCompiler_inline_result)
-    )
-      isAttributeNameSafe(name) &&
-        (null === value
-          ? node.removeAttribute(name)
-          : node.setAttribute(
-              name,
-              enableTrustedTypesIntegration ? value : "" + value
-            ));
-    else if (JSCompiler_inline_result.mustUseProperty)
-      node[JSCompiler_inline_result.propertyName] =
-        null === value
-          ? 3 === JSCompiler_inline_result.type
-            ? !1
-            : ""
-          : value;
-    else if (
-      ((name = JSCompiler_inline_result.attributeName),
-      (isCustomComponentTag = JSCompiler_inline_result.attributeNamespace),
-      null === value)
-    )
-      node.removeAttribute(name);
+  }
+  if (enableCustomElementPropertySupport && name in node) node[name] = value;
+  else if (isAttributeNameSafe(name))
+    if (null === value) node.removeAttribute(name);
     else {
-      JSCompiler_inline_result$jscomp$0 = JSCompiler_inline_result.type;
-      if (
-        3 === JSCompiler_inline_result$jscomp$0 ||
-        (4 === JSCompiler_inline_result$jscomp$0 && !0 === value)
-      )
-        value = "";
-      else if (
-        ((value = enableTrustedTypesIntegration ? value : "" + value),
-        JSCompiler_inline_result.sanitizeURL &&
-          isJavaScriptProtocol.test(value.toString()))
-      )
-        throw Error(formatProdErrorMessage(323));
-      isCustomComponentTag
-        ? node.setAttributeNS(isCustomComponentTag, name, value)
-        : node.setAttribute(name, value);
+      switch (typeof value) {
+        case "undefined":
+        case "function":
+        case "symbol":
+          node.removeAttribute(name);
+          return;
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (!0 === value) {
+              node.setAttribute(name, "");
+              return;
+            }
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
     }
-  }
 }
 var ReactSharedInternals =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
@@ -617,16 +590,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$3) {
-          control = x$3;
+        } catch (x$1) {
+          control = x$1;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$4) {
-        control = x$4;
+      } catch (x$2) {
+        control = x$2;
       }
       fn();
     }
@@ -807,7 +780,7 @@ function initWrapperState$2(element, props) {
 }
 function updateChecked(element, props) {
   props = props.checked;
-  null != props && setValueForProperty(element, "checked", props, !1);
+  null != props && (element.checked = props);
 }
 function updateWrapper$1(element, props) {
   updateChecked(element, props);
@@ -1050,70 +1023,29 @@ Object.keys(isUnitlessNumber).forEach(function (prop) {
     isUnitlessNumber[prefix] = isUnitlessNumber[prop];
   });
 });
-function dangerousStyleValue(name, value, isCustomProperty) {
-  return null == value || "boolean" === typeof value || "" === value
-    ? ""
-    : isCustomProperty ||
-      "number" !== typeof value ||
-      0 === value ||
-      (isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-    ? ("" + value).trim()
-    : value + "px";
-}
 function setValueForStyles(node, styles) {
   node = node.style;
   for (var styleName in styles)
     if (styles.hasOwnProperty(styleName)) {
-      var isCustomProperty = 0 === styleName.indexOf("--"),
-        styleValue = dangerousStyleValue(
-          styleName,
-          styles[styleName],
-          isCustomProperty
-        );
-      "float" === styleName && (styleName = "cssFloat");
-      isCustomProperty
-        ? node.setProperty(styleName, styleValue)
-        : (node[styleName] = styleValue);
-    }
-}
-var voidElementTags = assign(
-  { menuitem: !0 },
-  {
-    area: !0,
-    base: !0,
-    br: !0,
-    col: !0,
-    embed: !0,
-    hr: !0,
-    img: !0,
-    input: !0,
-    keygen: !0,
-    link: !0,
-    meta: !0,
-    param: !0,
-    source: !0,
-    track: !0,
-    wbr: !0
-  }
-);
-function assertValidProps(tag, props) {
-  if (props) {
-    if (
-      voidElementTags[tag] &&
-      (null != props.children || null != props.dangerouslySetInnerHTML)
-    )
-      throw Error(formatProdErrorMessage(137, tag));
-    if (null != props.dangerouslySetInnerHTML) {
-      if (null != props.children) throw Error(formatProdErrorMessage(60));
-      if (
-        "object" !== typeof props.dangerouslySetInnerHTML ||
-        !("__html" in props.dangerouslySetInnerHTML)
-      )
-        throw Error(formatProdErrorMessage(61));
+      var value = styles[styleName],
+        isCustomProperty = 0 === styleName.indexOf("--");
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? node.setProperty(styleName, "")
+          : "float" === styleName
+          ? (node.cssFloat = "")
+          : (node[styleName] = "")
+        : isCustomProperty
+        ? node.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          (isUnitlessNumber.hasOwnProperty(styleName) &&
+            isUnitlessNumber[styleName])
+        ? "float" === styleName
+          ? (node.cssFloat = value)
+          : (node[styleName] = ("" + value).trim())
+        : (node[styleName] = value + "px");
     }
-    if (null != props.style && "object" !== typeof props.style)
-      throw Error(formatProdErrorMessage(62));
-  }
 }
 function isCustomComponent(tagName, props) {
   if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
@@ -1255,36 +1187,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$8 = parentA.child; child$8; ) {
-        if (child$8 === a) {
+      for (var didFindChild = !1, child$6 = parentA.child; child$6; ) {
+        if (child$6 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$8 === b) {
+        if (child$6 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$8 = child$8.sibling;
+        child$6 = child$6.sibling;
       }
       if (!didFindChild) {
-        for (child$8 = parentB.child; child$8; ) {
-          if (child$8 === a) {
+        for (child$6 = parentB.child; child$6; ) {
+          if (child$6 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$8 === b) {
+          if (child$6 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$8 = child$8.sibling;
+          child$6 = child$6.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -1512,12 +1444,12 @@ function markStarvedLanesAsExpired(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$11 = 31 - clz32(lanes),
-      lane = 1 << index$11,
-      expirationTime = expirationTimes[index$11];
+    var index$9 = 31 - clz32(lanes),
+      lane = 1 << index$9,
+      expirationTime = expirationTimes[index$9];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$11] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$9] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -1567,19 +1499,19 @@ function markRootFinished(root, remainingLanes) {
   var eventTimes = root.eventTimes,
     expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$13 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$13;
-    remainingLanes[index$13] = 0;
-    eventTimes[index$13] = -1;
-    expirationTimes[index$13] = -1;
-    var hiddenUpdatesForLane = root[index$13];
+    var index$11 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$11;
+    remainingLanes[index$11] = 0;
+    eventTimes[index$11] = -1;
+    expirationTimes[index$11] = -1;
+    var hiddenUpdatesForLane = root[index$11];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$13] = null, index$13 = 0;
-        index$13 < hiddenUpdatesForLane.length;
-        index$13++
+        root[index$11] = null, index$11 = 0;
+        index$11 < hiddenUpdatesForLane.length;
+        index$11++
       ) {
-        var update = hiddenUpdatesForLane[index$13];
+        var update = hiddenUpdatesForLane[index$11];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -1588,19 +1520,19 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$14 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$14;
-    (lane & entangledLanes) | (root[index$14] & entangledLanes) &&
-      (root[index$14] |= entangledLanes);
+    var index$12 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$12;
+    (lane & entangledLanes) | (root[index$12] & entangledLanes) &&
+      (root[index$12] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$15 = 31 - clz32(lanes),
-        lane = 1 << index$15;
-      root[index$15].add(fiber);
+      var index$13 = 31 - clz32(lanes),
+        lane = 1 << index$13;
+      root[index$13].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -1612,27 +1544,27 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$16 = 31 - clz32(lanes);
-      root = 1 << index$16;
-      index$16 = pendingUpdatersLaneMap[index$16];
-      0 < index$16.size &&
-        (index$16.forEach(function (fiber) {
+      var index$14 = 31 - clz32(lanes);
+      root = 1 << index$14;
+      index$14 = pendingUpdatersLaneMap[index$14];
+      0 < index$14.size &&
+        (index$14.forEach(function (fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$16.clear());
+        index$14.clear());
       lanes &= ~root;
     }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$18 = 31 - clz32(lanes),
-      lane = 1 << index$18;
-    index$18 = root.transitionLanes[index$18];
-    null !== index$18 &&
-      index$18.forEach(function (transition) {
+    var index$16 = 31 - clz32(lanes),
+      lane = 1 << index$16;
+    index$16 = root.transitionLanes[index$16];
+    null !== index$16 &&
+      index$16.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -1642,10 +1574,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$19 = 31 - clz32(lanes),
-        lane = 1 << index$19;
-      null !== root.transitionLanes[index$19] &&
-        (root.transitionLanes[index$19] = null);
+      var index$17 = 31 - clz32(lanes),
+        lane = 1 << index$17;
+      null !== root.transitionLanes[index$17] &&
+        (root.transitionLanes[index$17] = null);
       lanes &= ~lane;
     }
 }
@@ -1717,9 +1649,9 @@ function injectProfilingHooks(profilingHooks) {
 function getLaneLabelMap() {
   if (enableSchedulingProfiler) {
     for (
-      var map = new Map(), lane = 1, index$20 = 0;
-      31 > index$20;
-      index$20++
+      var map = new Map(), lane = 1, index$18 = 0;
+      31 > index$18;
+      index$18++
     ) {
       var label = getLabelForLane(lane);
       map.set(lane, label);
@@ -2085,7 +2017,6 @@ function prepareToHydrateHostInstance(fiber) {
   }
   props.hasOwnProperty("onScroll") &&
     listenToNonDelegatedEvent("scroll", instance);
-  assertValidProps(type, props);
   i = null;
   var children = props.children;
   if (
@@ -3587,10 +3518,10 @@ createFunctionComponentUpdateQueue = function () {
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
     if ("function" === typeof usable.then) {
-      var index$48 = thenableIndexCounter;
+      var index$46 = thenableIndexCounter;
       thenableIndexCounter += 1;
       null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$48);
+      usable = trackUsedThenable(thenableState, usable, index$46);
       null === currentlyRenderingFiber$1.alternate &&
         (null === workInProgressHook
           ? null === currentlyRenderingFiber$1.memoizedState
@@ -4082,16 +4013,16 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$54 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$54) {
+        var root$52 = enqueueUpdate(provider, fiber, lane);
+        if (null !== root$52) {
           var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$54, provider, lane, eventTime);
-          entangleTransitions(root$54, provider, lane);
+          scheduleUpdateOnFiber(root$52, provider, lane, eventTime);
+          entangleTransitions(root$52, provider, lane);
         }
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$54 &&
+          null !== root$52 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4300,15 +4231,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$50 = workInProgressRoot;
-      if (null === root$50) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$50, renderLanes$1) ||
+      var root$48 = workInProgressRoot;
+      if (null === root$48) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$48, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$50 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$50;
-    mountEffect(subscribeToStore.bind(null, fiber, root$50, subscribe), [
+    root$48 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$48;
+    mountEffect(subscribeToStore.bind(null, fiber, root$48, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4317,7 +4248,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$50,
+        root$48,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4870,10 +4801,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$67 = workInProgress.stateNode;
+      root$65 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$67.incompleteTransitions.has(transition)) {
+        if (!root$65.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4881,11 +4812,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$67.incompleteTransitions.set(transition, markerInstance);
+          root$65.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$67.incompleteTransitions.forEach(function (markerInstance) {
+    root$65.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5556,14 +5487,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$74 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$74)
+    var dehydrated$72 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$72)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$74,
+        dehydrated$72,
         JSCompiler_temp,
         renderLanes
       );
@@ -5573,7 +5504,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$74 = JSCompiler_temp.sibling;
+    dehydrated$72 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5587,8 +5518,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$74
-      ? (showFallback = createWorkInProgress(dehydrated$74, showFallback))
+    null !== dehydrated$72
+      ? (showFallback = createWorkInProgress(dehydrated$72, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5607,10 +5538,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$74 = CacheContext._currentValue),
+          ? ((dehydrated$72 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$74
-                ? { parent: dehydrated$74, pool: dehydrated$74 }
+              JSCompiler_temp.parent !== dehydrated$72
+                ? { parent: dehydrated$72, pool: dehydrated$72 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5624,23 +5555,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$74 = showFallback.updateQueue),
+        (dehydrated$72 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$74
+        null === dehydrated$72
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$74 === primaryChildProps
+          : dehydrated$72 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$74.transitions = didSuspend),
-            (dehydrated$74.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$72.transitions = didSuspend),
+            (dehydrated$72.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6617,110 +6548,168 @@ function updateHostComponent(current, workInProgress, type, newProps) {
     var updatePayload = null;
     switch (type) {
       case "input":
-        oldProps = getHostProps$2(current, oldProps);
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
+        type = getHostProps$2(current, oldProps);
         newProps = getHostProps$2(current, newProps);
         updatePayload = [];
         break;
       case "select":
-        oldProps = assign({}, oldProps, { value: void 0 });
+        type = assign({}, oldProps, { value: void 0 });
         newProps = assign({}, newProps, { value: void 0 });
         updatePayload = [];
         break;
       case "textarea":
-        oldProps = getHostProps(current, oldProps);
+        type = getHostProps(current, oldProps);
         newProps = getHostProps(current, newProps);
         updatePayload = [];
         break;
+      case "img":
+      case "link":
+      case "area":
+      case "base":
+      case "br":
+      case "col":
+      case "embed":
+      case "hr":
+      case "keygen":
+      case "meta":
+      case "param":
+      case "source":
+      case "track":
+      case "wbr":
+      case "menuitem":
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
       default:
-        "function" !== typeof oldProps.onClick &&
-          "function" === typeof newProps.onClick &&
-          (current.onclick = noop);
+        (type = oldProps),
+          "function" !== typeof type.onClick &&
+            "function" === typeof newProps.onClick &&
+            (current.onclick = noop);
     }
-    assertValidProps(type, newProps);
     var styleName;
-    type = null;
-    for (JSCompiler_inline_result in oldProps)
+    oldProps = null;
+    for (JSCompiler_inline_result in type)
       if (
         !newProps.hasOwnProperty(JSCompiler_inline_result) &&
-        oldProps.hasOwnProperty(JSCompiler_inline_result) &&
-        null != oldProps[JSCompiler_inline_result]
+        type.hasOwnProperty(JSCompiler_inline_result) &&
+        null != type[JSCompiler_inline_result]
       )
-        if ("style" === JSCompiler_inline_result) {
-          var lastStyle = oldProps[JSCompiler_inline_result];
-          for (styleName in lastStyle)
-            lastStyle.hasOwnProperty(styleName) &&
-              (type || (type = {}), (type[styleName] = ""));
-        } else
-          "dangerouslySetInnerHTML" !== JSCompiler_inline_result &&
-            "children" !== JSCompiler_inline_result &&
-            "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-            "suppressHydrationWarning" !== JSCompiler_inline_result &&
-            "autoFocus" !== JSCompiler_inline_result &&
-            (registrationNameDependencies.hasOwnProperty(
+        switch (JSCompiler_inline_result) {
+          case "style":
+            var lastStyle = type[JSCompiler_inline_result];
+            for (styleName in lastStyle)
+              lastStyle.hasOwnProperty(styleName) &&
+                (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+            break;
+          case "dangerouslySetInnerHTML":
+          case "children":
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
               JSCompiler_inline_result
             )
               ? updatePayload || (updatePayload = [])
               : (updatePayload = updatePayload || []).push(
                   JSCompiler_inline_result,
                   null
-                ));
+                );
+        }
     for (JSCompiler_inline_result in newProps) {
       var nextProp = newProps[JSCompiler_inline_result];
-      lastStyle =
-        null != oldProps ? oldProps[JSCompiler_inline_result] : void 0;
+      lastStyle = null != type ? type[JSCompiler_inline_result] : void 0;
       if (
         newProps.hasOwnProperty(JSCompiler_inline_result) &&
         nextProp !== lastStyle &&
         (null != nextProp || null != lastStyle)
       )
-        if ("style" === JSCompiler_inline_result)
-          if (lastStyle) {
-            for (styleName in lastStyle)
-              !lastStyle.hasOwnProperty(styleName) ||
-                (nextProp && nextProp.hasOwnProperty(styleName)) ||
-                (type || (type = {}), (type[styleName] = ""));
-            for (styleName in nextProp)
-              nextProp.hasOwnProperty(styleName) &&
-                lastStyle[styleName] !== nextProp[styleName] &&
-                (type || (type = {}), (type[styleName] = nextProp[styleName]));
-          } else
-            type ||
-              (updatePayload || (updatePayload = []),
-              updatePayload.push(JSCompiler_inline_result, type)),
-              (type = nextProp);
-        else
-          "dangerouslySetInnerHTML" === JSCompiler_inline_result
-            ? ((nextProp = nextProp ? nextProp.__html : void 0),
-              (lastStyle = lastStyle ? lastStyle.__html : void 0),
-              null != nextProp &&
-                lastStyle !== nextProp &&
-                (updatePayload = updatePayload || []).push(
-                  JSCompiler_inline_result,
-                  nextProp
-                ))
-            : "children" === JSCompiler_inline_result
-            ? ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
+        switch (JSCompiler_inline_result) {
+          case "style":
+            if (null != nextProp && "object" !== typeof nextProp)
+              throw Error(formatProdErrorMessage(62));
+            if (lastStyle) {
+              for (styleName in lastStyle)
+                !lastStyle.hasOwnProperty(styleName) ||
+                  (nextProp && nextProp.hasOwnProperty(styleName)) ||
+                  (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+              for (styleName in nextProp)
+                nextProp.hasOwnProperty(styleName) &&
+                  lastStyle[styleName] !== nextProp[styleName] &&
+                  (oldProps || (oldProps = {}),
+                  (oldProps[styleName] = nextProp[styleName]));
+            } else
+              oldProps ||
+                (updatePayload || (updatePayload = []),
+                updatePayload.push(JSCompiler_inline_result, oldProps)),
+                (oldProps = nextProp);
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != nextProp) {
+              if ("object" !== typeof nextProp || !("__html" in nextProp))
+                throw Error(formatProdErrorMessage(61));
+              nextProp = nextProp.__html;
+              if (null != nextProp) {
+                if (null != newProps.children)
+                  throw Error(formatProdErrorMessage(60));
+                (lastStyle ? lastStyle.__html : void 0) !== nextProp &&
+                  (updatePayload = updatePayload || []).push(
+                    JSCompiler_inline_result,
+                    nextProp
+                  );
+              }
+            }
+            break;
+          case "children":
+            ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
               (updatePayload = updatePayload || []).push(
                 JSCompiler_inline_result,
                 "" + nextProp
-              )
-            : "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-              "suppressHydrationWarning" !== JSCompiler_inline_result &&
-              (registrationNameDependencies.hasOwnProperty(
-                JSCompiler_inline_result
-              )
-                ? (null != nextProp &&
-                    "onScroll" === JSCompiler_inline_result &&
-                    listenToNonDelegatedEvent("scroll", current),
-                  updatePayload ||
-                    lastStyle === nextProp ||
-                    (updatePayload = []))
-                : (updatePayload = updatePayload || []).push(
-                    JSCompiler_inline_result,
-                    nextProp
-                  ));
+              );
+            break;
+          case "onScroll":
+            null != nextProp && listenToNonDelegatedEvent("scroll", current);
+            updatePayload || lastStyle === nextProp || (updatePayload = []);
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
+              JSCompiler_inline_result
+            )
+              ? updatePayload || lastStyle === nextProp || (updatePayload = [])
+              : (updatePayload = updatePayload || []).push(
+                  JSCompiler_inline_result,
+                  nextProp
+                );
+        }
     }
-    type && (updatePayload = updatePayload || []).push("style", type);
+    oldProps && (updatePayload = updatePayload || []).push("style", oldProps);
     var JSCompiler_inline_result = updatePayload;
     (workInProgress.updateQueue = JSCompiler_inline_result) &&
       markUpdate(workInProgress);
@@ -6749,14 +6738,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$106 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$106 = lastTailNode),
+        for (var lastTailNode$104 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$104 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$106
+        null === lastTailNode$104
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$106.sibling = null);
+          : (lastTailNode$104.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6768,53 +6757,53 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$108 = completedWork.selfBaseDuration,
-          child$109 = completedWork.child;
-        null !== child$109;
+        var treeBaseDuration$106 = completedWork.selfBaseDuration,
+          child$107 = completedWork.child;
+        null !== child$107;
 
       )
-        (newChildLanes |= child$109.lanes | child$109.childLanes),
-          (subtreeFlags |= child$109.subtreeFlags & 31457280),
-          (subtreeFlags |= child$109.flags & 31457280),
-          (treeBaseDuration$108 += child$109.treeBaseDuration),
-          (child$109 = child$109.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$108;
+        (newChildLanes |= child$107.lanes | child$107.childLanes),
+          (subtreeFlags |= child$107.subtreeFlags & 31457280),
+          (subtreeFlags |= child$107.flags & 31457280),
+          (treeBaseDuration$106 += child$107.treeBaseDuration),
+          (child$107 = child$107.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$106;
     } else
       for (
-        treeBaseDuration$108 = completedWork.child;
-        null !== treeBaseDuration$108;
+        treeBaseDuration$106 = completedWork.child;
+        null !== treeBaseDuration$106;
 
       )
         (newChildLanes |=
-          treeBaseDuration$108.lanes | treeBaseDuration$108.childLanes),
-          (subtreeFlags |= treeBaseDuration$108.subtreeFlags & 31457280),
-          (subtreeFlags |= treeBaseDuration$108.flags & 31457280),
-          (treeBaseDuration$108.return = completedWork),
-          (treeBaseDuration$108 = treeBaseDuration$108.sibling);
+          treeBaseDuration$106.lanes | treeBaseDuration$106.childLanes),
+          (subtreeFlags |= treeBaseDuration$106.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$106.flags & 31457280),
+          (treeBaseDuration$106.return = completedWork),
+          (treeBaseDuration$106 = treeBaseDuration$106.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$108 = completedWork.actualDuration;
-    child$109 = completedWork.selfBaseDuration;
+    treeBaseDuration$106 = completedWork.actualDuration;
+    child$107 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$108 += child.actualDuration),
-        (child$109 += child.treeBaseDuration),
+        (treeBaseDuration$106 += child.actualDuration),
+        (child$107 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$108;
-    completedWork.treeBaseDuration = child$109;
+    completedWork.actualDuration = treeBaseDuration$106;
+    completedWork.treeBaseDuration = child$107;
   } else
     for (
-      treeBaseDuration$108 = completedWork.child;
-      null !== treeBaseDuration$108;
+      treeBaseDuration$106 = completedWork.child;
+      null !== treeBaseDuration$106;
 
     )
       (newChildLanes |=
-        treeBaseDuration$108.lanes | treeBaseDuration$108.childLanes),
-        (subtreeFlags |= treeBaseDuration$108.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$108.flags),
-        (treeBaseDuration$108.return = completedWork),
-        (treeBaseDuration$108 = treeBaseDuration$108.sibling);
+        treeBaseDuration$106.lanes | treeBaseDuration$106.childLanes),
+        (subtreeFlags |= treeBaseDuration$106.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$106.flags),
+        (treeBaseDuration$106.return = completedWork),
+        (treeBaseDuration$106 = treeBaseDuration$106.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7577,8 +7566,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error$140) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$140);
+      } catch (error$138) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$138);
       }
     else ref.current = null;
 }
@@ -7615,7 +7604,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$212) {
+          } catch (e$210) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7882,11 +7871,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$142 = commitTime,
+        var commitTime$140 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$142);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$140);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -7913,8 +7902,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$144) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
+    } catch (error$142) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$142);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -8013,11 +8002,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$145) {
+            } catch (error$143) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$145
+                error$143
               );
             }
         else {
@@ -8034,11 +8023,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$146) {
+            } catch (error$144) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$146
+                error$144
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -8049,11 +8038,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$147) {
+            } catch (error$145) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$147
+                error$145
               );
             }
         }
@@ -8752,22 +8741,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$162) {
+          } catch (error$160) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$162
+              error$160
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$163) {
+          } catch (error$161) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$163
+              error$161
             );
           }
       }
@@ -8946,11 +8935,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$164) {
+          } catch (error$162) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$164
+              error$162
             );
           }
       break;
@@ -8986,8 +8975,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$165) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$165);
+        } catch (error$163) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$163);
         }
       }
       if (
@@ -9004,8 +8993,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         try {
           updateProperties(flags, maybeNodes, hoistableRoot, current, root),
             (flags[internalPropsKey] = root);
-        } catch (error$168) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$168);
+        } catch (error$166) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$166);
         }
       break;
     case 6:
@@ -9018,8 +9007,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$169) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$169);
+        } catch (error$167) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$167);
         }
       }
       break;
@@ -9033,8 +9022,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$170) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
+        } catch (error$168) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$168);
         }
       break;
     case 4:
@@ -9064,8 +9053,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$172) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$172);
+        } catch (error$170) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$170);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -9127,10 +9116,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         nextNode.hasOwnProperty("display")
                           ? nextNode.display
                           : null),
-                      (i.style.display = dangerousStyleValue(
-                        "display",
-                        nodeName
-                      )));
+                      (i.style.display =
+                        null == nodeName || "boolean" === typeof nodeName
+                          ? ""
+                          : ("" + nodeName).trim()));
               } catch (error) {
                 captureCommitPhaseError(
                   finishedWork,
@@ -9143,11 +9132,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$152) {
+              } catch (error$150) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$152
+                  error$150
                 );
               }
           } else if (
@@ -9222,21 +9211,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$153 = JSCompiler_inline_result.stateNode;
+            var parent$151 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$153, ""),
+              (setTextContent(parent$151, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$154 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$154, parent$153);
+            var before$152 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$152, parent$151);
             break;
           case 3:
           case 4:
-            var parent$155 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$156 = getHostSibling(finishedWork);
+            var parent$153 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$154 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$156,
-              parent$155
+              before$154,
+              parent$153
             );
             break;
           default:
@@ -9428,8 +9417,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$178) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$178);
+    } catch (error$176) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$176);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -9728,9 +9717,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$183 = finishedWork.stateNode;
+        var instance$181 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$183._visibility & 4
+          ? instance$181._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9743,7 +9732,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$183._visibility |= 4),
+            : ((instance$181._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9751,7 +9740,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$183._visibility |= 4),
+          : ((instance$181._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9764,7 +9753,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$183
+            instance$181
           );
         break;
       case 24:
@@ -10356,16 +10345,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$192 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$190 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$192 &&
-            ((lanes = errorRetryLanes$192),
+          0 !== errorRetryLanes$190 &&
+            ((lanes = errorRetryLanes$190),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$192
+              errorRetryLanes$190
             )));
         }
         if (1 === exitStatus)
@@ -10414,14 +10403,14 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           exitStatus = lanes;
           errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$192 = -1; 0 < exitStatus; ) {
-            var index$10 = 31 - clz32(exitStatus),
-              lane = 1 << index$10;
-            index$10 = errorRetryLanes[index$10];
-            index$10 > errorRetryLanes$192 && (errorRetryLanes$192 = index$10);
+          for (errorRetryLanes$190 = -1; 0 < exitStatus; ) {
+            var index$8 = 31 - clz32(exitStatus),
+              lane = 1 << index$8;
+            index$8 = errorRetryLanes[index$8];
+            index$8 > errorRetryLanes$190 && (errorRetryLanes$190 = index$8);
             exitStatus &= ~lane;
           }
-          exitStatus = errorRetryLanes$192;
+          exitStatus = errorRetryLanes$190;
           exitStatus = now$1() - exitStatus;
           exitStatus =
             (120 > exitStatus
@@ -10543,9 +10532,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$12 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$12;
-    root[index$12] = -1;
+    var index$10 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$10;
+    root[index$10] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10794,8 +10783,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$195) {
-      handleThrow(root, thrownValue$195);
+    } catch (thrownValue$193) {
+      handleThrow(root, thrownValue$193);
     }
   while (1);
   resetContextDependencies();
@@ -10912,8 +10901,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$197) {
-      handleThrow(root, thrownValue$197);
+    } catch (thrownValue$195) {
+      handleThrow(root, thrownValue$195);
     }
   while (1);
   resetContextDependencies();
@@ -11088,10 +11077,10 @@ function unwindSuspendedUnitOfWork(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$62 = offscreenQueue.retryQueue;
-                      null === retryQueue$62
+                      var retryQueue$60 = offscreenQueue.retryQueue;
+                      null === retryQueue$60
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$62.add(wakeable);
+                        : retryQueue$60.add(wakeable);
                     }
                   }
                   break;
@@ -11290,7 +11279,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$200 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$198 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -11298,7 +11287,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$200 &&
+    shouldFireAfterActiveInstanceBlur$198 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11392,7 +11381,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$201 = rootWithPendingPassiveEffects,
+    var root$199 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11408,7 +11397,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$201, remainingLanes);
+        releaseRootPooledCache(root$199, remainingLanes);
     }
   }
   return !1;
@@ -12664,12 +12653,12 @@ function updateContainer(element, container, parentComponent, callback) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$204 = fiber.stateNode;
-      if (root$204.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$204.pendingLanes);
+      var root$202 = fiber.stateNode;
+      if (root$202.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$202.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$204, lanes | 2),
-          ensureRootIsScheduled(root$204, now$1()),
+          (markRootEntangled(root$202, lanes | 2),
+          ensureRootIsScheduled(root$202, now$1()),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now$1() + 500),
             flushSyncCallbacks()));
@@ -13943,19 +13932,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$323;
+  var JSCompiler_inline_result$jscomp$320;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1613 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1613) {
-      var element$jscomp$inline_1614 = document.createElement("div");
-      element$jscomp$inline_1614.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1613 =
-        "function" === typeof element$jscomp$inline_1614.oninput;
-    }
-    JSCompiler_inline_result$jscomp$323 = isSupported$jscomp$inline_1613;
-  } else JSCompiler_inline_result$jscomp$323 = !1;
+    var isSupported$jscomp$inline_1606 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1606) {
+      var element$jscomp$inline_1607 = document.createElement("div");
+      element$jscomp$inline_1607.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1606 =
+        "function" === typeof element$jscomp$inline_1607.oninput;
+    }
+    JSCompiler_inline_result$jscomp$320 = isSupported$jscomp$inline_1606;
+  } else JSCompiler_inline_result$jscomp$320 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$323 &&
+    JSCompiler_inline_result$jscomp$320 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14264,20 +14253,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1654 = 0;
-  i$jscomp$inline_1654 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1654++
+  var i$jscomp$inline_1647 = 0;
+  i$jscomp$inline_1647 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1647++
 ) {
-  var eventName$jscomp$inline_1655 =
-      simpleEventPluginEvents[i$jscomp$inline_1654],
-    domEventName$jscomp$inline_1656 =
-      eventName$jscomp$inline_1655.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1657 =
-      eventName$jscomp$inline_1655[0].toUpperCase() +
-      eventName$jscomp$inline_1655.slice(1);
+  var eventName$jscomp$inline_1648 =
+      simpleEventPluginEvents[i$jscomp$inline_1647],
+    domEventName$jscomp$inline_1649 =
+      eventName$jscomp$inline_1648.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1650 =
+      eventName$jscomp$inline_1648[0].toUpperCase() +
+      eventName$jscomp$inline_1648.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1656,
-    "on" + capitalizedEvent$jscomp$inline_1657
+    domEventName$jscomp$inline_1649,
+    "on" + capitalizedEvent$jscomp$inline_1650
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15133,6 +15122,8 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -15143,12 +15134,16 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "source":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
     case "img":
-    case "image":
     case "link":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
+    case "image":
       listenToNonDelegatedEvent("error", domElement);
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
@@ -15158,6 +15153,8 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "input":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
@@ -15175,45 +15172,81 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = getHostProps(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
       break;
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
     default:
       props = rawProps;
   }
-  assertValidProps(tag, props);
   var nextProps = props,
     propKey;
   for (propKey in nextProps)
     if (nextProps.hasOwnProperty(propKey)) {
       var nextProp = nextProps[propKey];
-      "style" === propKey
-        ? setValueForStyles(domElement, nextProp)
-        : "dangerouslySetInnerHTML" === propKey
-        ? ((nextProp = nextProp ? nextProp.__html : void 0),
-          null != nextProp &&
-            (disableIEWorkarounds
-              ? (domElement.innerHTML = nextProp)
-              : setInnerHTML$1(domElement, nextProp)))
-        : "children" === propKey
-        ? "string" === typeof nextProp
-          ? "body" === tag ||
-            ("textarea" === tag && "" === nextProp) ||
-            setTextContent(domElement, nextProp)
-          : "number" === typeof nextProp &&
-            "body" !== tag &&
-            setTextContent(domElement, "" + nextProp)
-        : "suppressContentEditableWarning" !== propKey &&
-          "suppressHydrationWarning" !== propKey &&
-          "autoFocus" !== propKey &&
-          (registrationNameDependencies.hasOwnProperty(propKey)
-            ? null != nextProp &&
-              "onScroll" === propKey &&
-              listenToNonDelegatedEvent("scroll", domElement)
-            : null != nextProp &&
-              setValueForProperty(
-                domElement,
-                propKey,
-                nextProp,
-                isCustomComponentTag
-              ));
+      switch (propKey) {
+        case "style":
+          if (null != nextProp && "object" !== typeof nextProp)
+            throw Error(formatProdErrorMessage(62));
+          setValueForStyles(domElement, nextProp);
+          break;
+        case "dangerouslySetInnerHTML":
+          if (null != nextProp) {
+            if ("object" !== typeof nextProp || !("__html" in nextProp))
+              throw Error(formatProdErrorMessage(61));
+            nextProp = nextProp.__html;
+            if (null != nextProp) {
+              if (null != nextProps.children)
+                throw Error(formatProdErrorMessage(60));
+              disableIEWorkarounds
+                ? (domElement.innerHTML = nextProp)
+                : setInnerHTML$1(domElement, nextProp);
+            }
+          }
+          break;
+        case "children":
+          "string" === typeof nextProp
+            ? "body" === tag ||
+              ("textarea" === tag && "" === nextProp) ||
+              setTextContent(domElement, nextProp)
+            : "number" === typeof nextProp &&
+              "body" !== tag &&
+              setTextContent(domElement, "" + nextProp);
+          break;
+        case "onScroll":
+          null != nextProp && listenToNonDelegatedEvent("scroll", domElement);
+          break;
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+          break;
+        case "autoFocus":
+          break;
+        case "innerText":
+        case "textContent":
+          if (enableCustomElementPropertySupport) break;
+        default:
+          registrationNameDependencies.hasOwnProperty(propKey) ||
+            (null != nextProp &&
+              (isCustomComponentTag
+                ? setValueForPropertyOnCustomComponent(
+                    domElement,
+                    propKey,
+                    nextProp
+                  )
+                : setValueForProperty(domElement, propKey, nextProp)));
+      }
     }
   switch (tag) {
     case "input":
@@ -15261,15 +15294,23 @@ function updateProperties(
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i],
       propValue = updatePayload[i + 1];
-    "style" === propKey
-      ? setValueForStyles(domElement, propValue)
-      : "dangerouslySetInnerHTML" === propKey
-      ? disableIEWorkarounds
-        ? (domElement.innerHTML = propValue)
-        : setInnerHTML$1(domElement, propValue)
-      : "children" === propKey
-      ? setTextContent(domElement, propValue)
-      : setValueForProperty(domElement, propKey, propValue, lastRawProps);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+      case "dangerouslySetInnerHTML":
+        disableIEWorkarounds
+          ? (domElement.innerHTML = propValue)
+          : setInnerHTML$1(domElement, propValue);
+        break;
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+      default:
+        lastRawProps
+          ? setValueForPropertyOnCustomComponent(domElement, propKey, propValue)
+          : setValueForProperty(domElement, propKey, propValue);
+    }
   }
   switch (tag) {
     case "input":
@@ -15416,12 +15457,12 @@ function preinit$1(href, options) {
       switch (as) {
         case "style":
           as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$224 = getStyleKey(href),
+          var key$222 = getStyleKey(href),
             precedence = options.precedence || "default",
-            resource = as.get(key$224);
+            resource = as.get(key$222);
           if (resource) break;
           resource = resourceRoot.querySelector(
-            getStylesheetSelectorFromKey(key$224)
+            getStylesheetSelectorFromKey(key$222)
           );
           resource ||
             ((href = {
@@ -15430,7 +15471,7 @@ function preinit$1(href, options) {
               "data-precedence": precedence,
               crossOrigin: options.crossOrigin
             }),
-            (options = preloadPropsMap.get(key$224)) &&
+            (options = preloadPropsMap.get(key$222)) &&
               adoptPreloadPropsForStylesheet(href, options),
             (resource = (
               resourceRoot.ownerDocument || resourceRoot
@@ -15439,15 +15480,15 @@ function preinit$1(href, options) {
             setInitialProperties(resource, "link", href),
             insertStylesheet(resource, precedence, resourceRoot));
           resource = { type: "stylesheet", instance: resource, count: 1 };
-          as.set(key$224, resource);
+          as.set(key$222, resource);
           break;
         case "script":
           (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$224 = getScriptKey(href)),
-            (precedence = as.get(key$224)),
+            (key$222 = getScriptKey(href)),
+            (precedence = as.get(key$222)),
             precedence ||
               ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$224
+                "script[async]" + key$222
               )),
               precedence ||
                 ((href = {
@@ -15456,7 +15497,7 @@ function preinit$1(href, options) {
                   crossOrigin: options.crossOrigin,
                   integrity: options.integrity
                 }),
-                (options = preloadPropsMap.get(key$224)) &&
+                (options = preloadPropsMap.get(key$222)) &&
                   adoptPreloadPropsForScript(href, options),
                 (options = resourceRoot.ownerDocument || resourceRoot),
                 (precedence = options.createElement("script")),
@@ -15464,13 +15505,13 @@ function preinit$1(href, options) {
                 setInitialProperties(precedence, "link", href),
                 options.head.appendChild(precedence)),
               (precedence = { type: "script", instance: precedence, count: 1 }),
-              as.set(key$224, precedence));
+              as.set(key$222, precedence));
       }
     else if ("style" === as || "script" === as)
       if ((resourceRoot = getDocumentForPreloads())) {
-        key$224 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$224 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$224 + '"]';
+        key$222 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        precedence = key$222 =
+          'link[rel="preload"][as="' + as + '"][href="' + key$222 + '"]';
         switch (as) {
           case "style":
             precedence = getStyleKey(href);
@@ -15487,7 +15528,7 @@ function preinit$1(href, options) {
             integrity: options.integrity
           }),
           preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$224) &&
+          null === resourceRoot.querySelector(key$222) &&
             ((options = resourceRoot.createElement("link")),
             setInitialProperties(options, "link", href),
             markNodeAsHoistable(options),
@@ -15519,14 +15560,14 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.href &&
         "string" === typeof pendingProps.precedence
       ) {
-        var key$231 = getStyleKey(pendingProps.href),
-          styles$232 = getResourcesFromRoot(currentProps).hoistableStyles;
-        type = styles$232.get(key$231);
+        var key$229 = getStyleKey(pendingProps.href),
+          styles$230 = getResourcesFromRoot(currentProps).hoistableStyles;
+        type = styles$230.get(key$229);
         type ||
           ((currentProps = currentProps.ownerDocument || currentProps),
           (type = { type: "stylesheet", instance: null, count: 0 }),
-          styles$232.set(key$231, type),
-          preloadPropsMap.has(key$231) ||
+          styles$230.set(key$229, type),
+          preloadPropsMap.has(key$229) ||
             ((pendingProps = {
               rel: "preload",
               as: "style",
@@ -15537,16 +15578,16 @@ function getResource(type, currentProps, pendingProps) {
               hrefLang: pendingProps.hrefLang,
               referrerPolicy: pendingProps.referrerPolicy
             }),
-            preloadPropsMap.set(key$231, pendingProps),
-            currentProps.querySelector(getStylesheetSelectorFromKey(key$231)) ||
+            preloadPropsMap.set(key$229, pendingProps),
+            currentProps.querySelector(getStylesheetSelectorFromKey(key$229)) ||
               null !==
                 currentProps.querySelector(
-                  'link[rel="preload"][as="style"][' + key$231 + "]"
+                  'link[rel="preload"][as="style"][' + key$229 + "]"
                 ) ||
-              ((key$231 = currentProps.createElement("link")),
-              setInitialProperties(key$231, "link", pendingProps),
-              markNodeAsHoistable(key$231),
-              currentProps.head.appendChild(key$231))));
+              ((key$229 = currentProps.createElement("link")),
+              setInitialProperties(key$229, "link", pendingProps),
+              markNodeAsHoistable(key$229),
+              currentProps.head.appendChild(key$229))));
         return type;
       }
       return null;
@@ -15596,14 +15637,14 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = key);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$239 = hoistableRoot.querySelector(
+        var instance$237 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$239)
+        if (instance$237)
           return (
-            (resource.instance = instance$239),
-            markNodeAsHoistable(instance$239),
-            instance$239
+            (resource.instance = instance$237),
+            markNodeAsHoistable(instance$237),
+            instance$237
           );
         key = assign({}, props, {
           "data-precedence": props.precedence,
@@ -15611,11 +15652,11 @@ function acquireResource(hoistableRoot, resource, props) {
         });
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$239 = (
+        instance$237 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$239);
-        var linkInstance = instance$239;
+        markNodeAsHoistable(instance$237);
+        var linkInstance = instance$237;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
@@ -15627,14 +15668,14 @@ function acquireResource(hoistableRoot, resource, props) {
             return (linkInstance._p.s = "e");
           }
         );
-        setInitialProperties(instance$239, "link", key);
-        insertStylesheet(instance$239, props.precedence, hoistableRoot);
-        return (resource.instance = instance$239);
+        setInitialProperties(instance$237, "link", key);
+        insertStylesheet(instance$237, props.precedence, hoistableRoot);
+        return (resource.instance = instance$237);
       case "script":
-        instance$239 = getScriptKey(props.src);
+        instance$237 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$239
+            "script[async]" + instance$237
           ))
         )
           return (
@@ -15643,7 +15684,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         key = props;
-        if ((styleProps = preloadPropsMap.get(instance$239)))
+        if ((styleProps = preloadPropsMap.get(instance$237)))
           (key = assign({}, props)),
             adoptPreloadPropsForScript(key, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -16064,10 +16105,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1833 = {
+var devToolsConfig$jscomp$inline_1826 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-e393cc91",
+  version: "18.3.0-www-modern-6eace276",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -16085,10 +16126,10 @@ var devToolsConfig$jscomp$inline_1833 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1833.bundleType,
-  version: devToolsConfig$jscomp$inline_1833.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1833.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1833.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1826.bundleType,
+  version: devToolsConfig$jscomp$inline_1826.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1826.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1826.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16105,14 +16146,14 @@ var devToolsConfig$jscomp$inline_1833 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1833.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1826.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-e393cc91"
+  reconcilerVersion: "18.3.0-www-modern-6eace276"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
@@ -16268,7 +16309,7 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-e393cc91";
+exports.version = "18.3.0-www-modern-6eace276";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOMServer-dev.classic.js b/compiled/facebook-www/ReactDOMServer-dev.classic.js
index 20198f92971bb..304625280c795 100644
--- a/compiled/facebook-www/ReactDOMServer-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-dev.classic.js
@@ -19,7 +19,7 @@ if (__DEV__) {
 var React = require("react");
 var ReactDOM = require("react-dom");
 
-var ReactVersion = "18.3.0-www-classic-d3bd4cdf";
+var ReactVersion = "18.3.0-www-classic-b092829f";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -242,9 +242,6 @@ var enableFloat = true;
 // $FlowFixMe[method-unbinding]
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -303,39 +300,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -364,37 +328,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -1730,8 +1664,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -1746,7 +1679,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -1761,52 +1694,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index 57427b30cb2d8..d6e70e44dfe07 100644
--- a/compiled/facebook-www/ReactDOMServer-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-dev.modern.js
@@ -19,7 +19,7 @@ if (__DEV__) {
 var React = require("react");
 var ReactDOM = require("react-dom");
 
-var ReactVersion = "18.3.0-www-modern-eedf3652";
+var ReactVersion = "18.3.0-www-modern-ec55733c";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -242,9 +242,6 @@ var enableFloat = true;
 // $FlowFixMe[method-unbinding]
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -303,39 +300,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -364,37 +328,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -1730,8 +1664,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -1746,7 +1679,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -1761,52 +1694,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index fe53460799bec..f1fe048b078f7 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -70,16 +70,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -3800,4 +3791,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "18.3.0-www-classic-b4fad789";
+exports.version = "18.3.0-www-classic-589bfcce";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index 0759f888880f6..f714112bae797 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -68,16 +68,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -3697,4 +3688,4 @@ exports.renderToString = function (children, options) {
     'The server used "renderToString" which does not support Suspense. If you intended for this Suspense boundary to render the fallback content on the server consider throwing an Error somewhere within the Suspense boundary. If you intended to have the server wait for the suspended component please switch to "renderToReadableStream" which supports Suspense on the server'
   );
 };
-exports.version = "18.3.0-www-modern-d517bb17";
+exports.version = "18.3.0-www-modern-5ac25261";
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
index b2e0de87c6ab4..a63d08099fdf3 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
@@ -239,9 +239,6 @@ var enableFloat = true;
 // $FlowFixMe[method-unbinding]
 var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -300,39 +297,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -361,37 +325,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -1727,8 +1661,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -1743,7 +1676,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -1758,52 +1691,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
index 38f02bab7e919..7f201a2af7412 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
@@ -56,16 +56,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
index 3a415c511f64c..64232169a3a41 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
@@ -1361,9 +1361,6 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -1422,134 +1419,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
-  if (propertyInfo !== null) {
-    return propertyInfo.type === RESERVED;
-  }
-
-  if (isCustomComponentTag) {
-    return false;
-  }
-
-  if (
-    name.length > 2 &&
-    (name[0] === "o" || name[0] === "O") &&
-    (name[1] === "n" || name[1] === "N")
-  ) {
-    return true;
-  }
-
-  return false;
-}
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (value === null || typeof value === "undefined") {
-    return true;
-  }
-
-  if (
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  ) {
-    return true;
-  }
-
-  if (isCustomComponentTag) {
-    if (enableCustomElementPropertySupport) {
-      if (value === false) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  if (propertyInfo !== null) {
-    {
-      if (propertyInfo.removeEmptyString && value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          }
-        }
-
-        return true;
-      }
-    }
-
-    switch (propertyInfo.type) {
-      case BOOLEAN:
-        return !value;
-
-      case OVERLOADED_BOOLEAN:
-        return value === false;
-
-      case NUMERIC:
-        return isNaN(value);
-
-      case POSITIVE_NUMERIC:
-        return isNaN(value) || value < 1;
-    }
-  }
-
-  return false;
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -1578,37 +1447,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -2009,62 +1848,156 @@ function getValueForProperty(node, name, expected, propertyInfo) {
     if (propertyInfo.mustUseProperty) {
       var propertyName = propertyInfo.propertyName;
       return node[propertyName];
-    } else {
-      // This check protects multiple uses of `expected`, which is why the
-      // react-internal/safe-string-coercion rule is disabled in several spots
-      // below.
-      {
-        checkAttributeStringCoercion(expected, name);
+    }
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (!node.hasAttribute(attributeName)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          if (!propertyInfo.acceptsBooleans) {
+            return expected;
+          }
+        }
       }
 
-      var attributeName = propertyInfo.attributeName;
-      var stringValue = null;
+      switch (propertyInfo.type) {
+        case BOOLEAN: {
+          if (!expected) {
+            return expected;
+          }
 
-      if (propertyInfo.type === OVERLOADED_BOOLEAN) {
-        if (node.hasAttribute(attributeName)) {
-          var value = node.getAttribute(attributeName);
+          break;
+        }
 
-          if (value === "") {
-            return true;
+        case OVERLOADED_BOOLEAN: {
+          if (expected === false) {
+            return expected;
           }
 
-          if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-            return value;
-          } // eslint-disable-next-line react-internal/safe-string-coercion
+          break;
+        }
 
-          if (value === "" + expected) {
+        case NUMERIC: {
+          if (isNaN(expected)) {
             return expected;
           }
 
-          return value;
+          break;
         }
-      } else if (node.hasAttribute(attributeName)) {
-        if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-          // We had an attribute but shouldn't have had one, so read it
-          // for the error message.
-          return node.getAttribute(attributeName);
+
+        case POSITIVE_NUMERIC: {
+          if (isNaN(expected) || expected < 1) {
+            return expected;
+          }
+
+          break;
         }
+      }
+
+      {
+        if (propertyInfo.removeEmptyString && expected === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
+          }
 
-        if (propertyInfo.type === BOOLEAN) {
+          return expected;
+        }
+      }
+
+      return expected === undefined ? undefined : null;
+    } // Even if this property uses a namespace we use getAttribute
+    // because we assume its namespaced name is the same as our config.
+    // To use getAttributeNS we need the local name which we don't have
+    // in our config atm.
+
+    var value = node.getAttribute(attributeName);
+
+    if (expected == null) {
+      // We had an attribute but shouldn't have had one, so read it
+      // for the error message.
+      return value;
+    } // shouldRemoveAttribute
+
+    switch (propertyInfo.type) {
+      case BOOLEAN: {
+        if (expected) {
           // If this was a boolean, it doesn't matter what the value is
           // the fact that we have it is the same as the expected.
+          // As long as it's positive.
           return expected;
-        } // Even if this property uses a namespace we use getAttribute
-        // because we assume its namespaced name is the same as our config.
-        // To use getAttributeNS we need the local name which we don't have
-        // in our config atm.
+        }
 
-        stringValue = node.getAttribute(attributeName);
+        return value;
       }
 
-      if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-        return stringValue === null ? expected : stringValue; // eslint-disable-next-line react-internal/safe-string-coercion
-      } else if (stringValue === "" + expected) {
-        return expected;
-      } else {
-        return stringValue;
+      case OVERLOADED_BOOLEAN: {
+        if (value === "") {
+          return true;
+        }
+
+        if (expected === false) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case NUMERIC: {
+        if (isNaN(expected)) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case POSITIVE_NUMERIC: {
+        if (isNaN(expected) || expected < 1) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
       }
     }
+
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
   }
 }
 /**
@@ -2073,20 +2006,87 @@ function getValueForProperty(node, name, expected, propertyInfo) {
  * attributes have multiple equivalent values.
  */
 
-function getValueForAttribute(node, name, expected, isCustomComponentTag) {
+function getValueForAttribute(node, name, expected) {
   {
     if (!isAttributeNameSafe(name)) {
       return;
     }
 
     if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          var prefix = name.toLowerCase().slice(0, 5);
+
+          if (prefix !== "data-" && prefix !== "aria-") {
+            return expected;
+          }
+        }
+      }
+
       return expected === undefined ? undefined : null;
     }
 
     var value = node.getAttribute(name);
 
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
+  }
+}
+function getValueForAttributeOnCustomComponent(node, name, expected) {
+  {
+    if (!isAttributeNameSafe(name)) {
+      return;
+    }
+
+    if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "symbol":
+        case "object":
+          // Symbols and objects are ignored when they're emitted so
+          // it would be expected that they end up not having an attribute.
+          return expected;
+
+        case "function":
+          if (enableCustomElementPropertySupport) {
+            return expected;
+          }
+
+          break;
+
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (expected === false) {
+              return expected;
+            }
+          }
+      }
+
+      return expected === undefined ? undefined : null;
+    }
+
+    if (enableCustomElementPropertySupport && name === "className") {
+      // className is a special cased property on the server to render as an attribute.
+      name = "class";
+    }
+
+    var value = node.getAttribute(name);
+
     if (enableCustomElementPropertySupport) {
-      if (isCustomComponentTag && value === "") {
+      if (value === "" && expected === true) {
         return true;
       }
     }
@@ -2110,22 +2110,203 @@ function getValueForAttribute(node, name, expected, isCustomComponentTag) {
  * @param {*} value
  */
 
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var propertyInfo = getPropertyInfo(name);
-
-  if (shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag)) {
+function setValueForProperty(node, name, value) {
+  if (
+    // shouldIgnoreAttribute
+    // We have already filtered out reserved words.
+    name.length > 2 &&
+    (name[0] === "o" || name[0] === "O") &&
+    (name[1] === "n" || name[1] === "N")
+  ) {
     return;
   }
 
+  var propertyInfo = getPropertyInfo(name);
+
+  if (propertyInfo !== null) {
+    if (propertyInfo.mustUseProperty) {
+      // We assume mustUseProperty are of BOOLEAN type because that's the only way we use it
+      // right now.
+      node[propertyInfo.propertyName] =
+        value && typeof value !== "function" && typeof value !== "symbol";
+      return;
+    } // The rest are treated as attributes with special cases.
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (value === null) {
+      node.removeAttribute(attributeName);
+      return;
+    } // shouldRemoveAttribute
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(attributeName);
+        return;
+
+      case "boolean": {
+        if (!propertyInfo.acceptsBooleans) {
+          node.removeAttribute(attributeName);
+          return;
+        }
+      }
+    }
+
+    {
+      if (propertyInfo.removeEmptyString && value === "") {
+        {
+          if (name === "src") {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "This may cause the browser to download the whole page again over the network. " +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          } else {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          }
+        }
+
+        node.removeAttribute(attributeName);
+        return;
+      }
+    }
+
+    switch (propertyInfo.type) {
+      case BOOLEAN:
+        if (value) {
+          node.setAttribute(attributeName, "");
+        } else {
+          node.removeAttribute(attributeName);
+          return;
+        }
+
+        break;
+
+      case OVERLOADED_BOOLEAN:
+        if (value === true) {
+          node.setAttribute(attributeName, "");
+        } else if (value === false) {
+          node.removeAttribute(attributeName);
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        }
+
+        return;
+
+      case NUMERIC:
+        if (!isNaN(value)) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      case POSITIVE_NUMERIC:
+        if (!isNaN(value) && value >= 1) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      default: {
+        var attributeValue; // `setAttribute` with objects becomes only `[object]` in IE8/9,
+        // ('' + value) makes it output the correct toString()-value.
+
+        if (enableTrustedTypesIntegration) {
+          attributeValue = value;
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          attributeValue = "" + value;
+        }
+
+        if (propertyInfo.sanitizeURL) {
+          sanitizeURL(attributeValue.toString());
+        }
+
+        var attributeNamespace = propertyInfo.attributeNamespace;
+
+        if (attributeNamespace) {
+          node.setAttributeNS(
+            attributeNamespace,
+            attributeName,
+            attributeValue
+          );
+        } else {
+          node.setAttribute(attributeName, attributeValue);
+        }
+      }
+    }
+  } else if (isAttributeNameSafe(name)) {
+    // If the prop isn't in the special list, treat it as a simple attribute.
+    // shouldRemoveAttribute
+    if (value === null) {
+      node.removeAttribute(name);
+      return;
+    }
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
+
+      case "boolean": {
+        var prefix = name.toLowerCase().slice(0, 5);
+
+        if (prefix !== "data-" && prefix !== "aria-") {
+          node.removeAttribute(name);
+          return;
+        }
+      }
+    }
+
+    {
+      checkAttributeStringCoercion(value, name);
+    }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
   if (
     enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
     name[0] === "o" &&
     name[1] === "n"
   ) {
-    var eventName = name.replace(/Capture$/, "");
-    var useCapture = name !== eventName;
-    eventName = eventName.slice(2);
+    var useCapture = name.endsWith("Capture");
+    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -2149,99 +2330,44 @@ function setValueForProperty(node, name, value, isCustomComponentTag) {
     }
   }
 
-  if (
-    enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
-    name in node
-  ) {
+  if (enableCustomElementPropertySupport && name in node) {
     node[name] = value;
     return;
   }
 
-  if (shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag)) {
-    value = null;
-  }
-
-  if (enableCustomElementPropertySupport) {
-    if (isCustomComponentTag && value === true) {
-      value = "";
-    }
-  } // If the prop isn't in the special list, treat it as a simple attribute.
-
-  if (isCustomComponentTag || propertyInfo === null) {
-    if (isAttributeNameSafe(name)) {
-      var _attributeName = name;
-
-      if (value === null) {
-        node.removeAttribute(_attributeName);
-      } else {
-        {
-          checkAttributeStringCoercion(value, name);
-        }
-
-        node.setAttribute(
-          _attributeName,
-          enableTrustedTypesIntegration ? value : "" + value
-        );
-      }
-    }
-
-    return;
-  }
-
-  var mustUseProperty = propertyInfo.mustUseProperty;
-
-  if (mustUseProperty) {
-    var propertyName = propertyInfo.propertyName;
-
+  if (isAttributeNameSafe(name)) {
+    // shouldRemoveAttribute
     if (value === null) {
-      var type = propertyInfo.type;
-      node[propertyName] = type === BOOLEAN ? false : "";
-    } else {
-      // Contrary to `setAttribute`, object properties are properly
-      // `toString`ed by IE8/9.
-      node[propertyName] = value;
+      node.removeAttribute(name);
+      return;
     }
 
-    return;
-  } // The rest are treated as attributes with special cases.
-
-  var attributeName = propertyInfo.attributeName,
-    attributeNamespace = propertyInfo.attributeNamespace;
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
 
-  if (value === null) {
-    node.removeAttribute(attributeName);
-  } else {
-    var _type = propertyInfo.type;
-    var attributeValue;
+      case "boolean": {
+        if (enableCustomElementPropertySupport) {
+          if (value === true) {
+            node.setAttribute(name, "");
+            return;
+          }
 
-    if (_type === BOOLEAN || (_type === OVERLOADED_BOOLEAN && value === true)) {
-      // If attribute type is boolean, we know for sure it won't be an execution sink
-      // and we won't require Trusted Type here.
-      attributeValue = "";
-    } else {
-      // `setAttribute` with objects becomes only `[object]` in IE8/9,
-      // ('' + value) makes it output the correct toString()-value.
-      if (enableTrustedTypesIntegration) {
-        attributeValue = value;
-      } else {
-        {
-          checkAttributeStringCoercion(value, attributeName);
+          node.removeAttribute(name);
+          return;
         }
-
-        attributeValue = "" + value;
-      }
-
-      if (propertyInfo.sanitizeURL) {
-        sanitizeURL(attributeValue.toString());
       }
     }
 
-    if (attributeNamespace) {
-      node.setAttributeNS(attributeNamespace, attributeName, attributeValue);
-    } else {
-      node.setAttribute(attributeName, attributeValue);
+    {
+      checkAttributeStringCoercion(value, name);
     }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
   }
 }
 
@@ -3018,7 +3144,7 @@ function updateChecked(element, props) {
   var checked = props.checked;
 
   if (checked != null) {
-    setValueForProperty(node, "checked", checked, false);
+    node.checked = checked;
   }
 }
 function updateWrapper$1(element, props) {
@@ -4018,122 +4144,6 @@ var shorthandToLonghand = {
   wordWrap: ["overflowWrap"]
 };
 
-/**
- * CSS properties which accept numbers but are not in units of "px".
- */
-var isUnitlessNumber = {
-  animationIterationCount: true,
-  aspectRatio: true,
-  borderImageOutset: true,
-  borderImageSlice: true,
-  borderImageWidth: true,
-  boxFlex: true,
-  boxFlexGroup: true,
-  boxOrdinalGroup: true,
-  columnCount: true,
-  columns: true,
-  flex: true,
-  flexGrow: true,
-  flexPositive: true,
-  flexShrink: true,
-  flexNegative: true,
-  flexOrder: true,
-  gridArea: true,
-  gridRow: true,
-  gridRowEnd: true,
-  gridRowSpan: true,
-  gridRowStart: true,
-  gridColumn: true,
-  gridColumnEnd: true,
-  gridColumnSpan: true,
-  gridColumnStart: true,
-  fontWeight: true,
-  lineClamp: true,
-  lineHeight: true,
-  opacity: true,
-  order: true,
-  orphans: true,
-  scale: true,
-  tabSize: true,
-  widows: true,
-  zIndex: true,
-  zoom: true,
-  // SVG-related properties
-  fillOpacity: true,
-  floodOpacity: true,
-  stopOpacity: true,
-  strokeDasharray: true,
-  strokeDashoffset: true,
-  strokeMiterlimit: true,
-  strokeOpacity: true,
-  strokeWidth: true
-};
-/**
- * @param {string} prefix vendor-specific prefix, eg: Webkit
- * @param {string} key style name, eg: transitionDuration
- * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
- * WebkitTransitionDuration
- */
-
-function prefixKey(prefix, key) {
-  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
-}
-/**
- * Support style names that may come passed in prefixed by adding permutations
- * of vendor prefixes.
- */
-
-var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
-// infinite loop, because it iterates over the newly added props too.
-
-Object.keys(isUnitlessNumber).forEach(function (prop) {
-  prefixes.forEach(function (prefix) {
-    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
-  });
-});
-
-/**
- * Convert a value into the proper css writable value. The style name `name`
- * should be logical (no hyphens), as specified
- * in `CSSProperty.isUnitlessNumber`.
- *
- * @param {string} name CSS property name such as `topMargin`.
- * @param {*} value CSS property value such as `10px`.
- * @return {string} Normalized style value with dimensions applied.
- */
-
-function dangerousStyleValue(name, value, isCustomProperty) {
-  // Note that we've removed escapeTextForBrowser() calls here since the
-  // whole string will be escaped when the attribute is injected into
-  // the markup. If you provide unsafe user data here they can inject
-  // arbitrary CSS which may be problematic (I couldn't repro this):
-  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
-  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
-  // This is not an XSS hole but instead a potential CSS injection issue
-  // which has lead to a greater discussion about how we're going to
-  // trust URLs moving forward. See #2115901
-  var isEmpty = value == null || typeof value === "boolean" || value === "";
-
-  if (isEmpty) {
-    return "";
-  }
-
-  if (
-    !isCustomProperty &&
-    typeof value === "number" &&
-    value !== 0 &&
-    !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-  ) {
-    return value + "px"; // Presumes implicit 'px' suffix for unitless numbers
-  }
-
-  {
-    checkCSSPropertyStringCoercion(value, name);
-  }
-
-  return ("" + value).trim();
-}
-
 var uppercasePattern = /([A-Z])/g;
 var msPattern$1 = /^ms-/;
 /**
@@ -4272,6 +4282,80 @@ function warnValidStyle(name, value) {
   }
 }
 
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+var isUnitlessNumber = {
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columnCount: true,
+  columns: true,
+  flex: true,
+  flexGrow: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  flexOrder: true,
+  gridArea: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowSpan: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnSpan: true,
+  gridColumnStart: true,
+  fontWeight: true,
+  lineClamp: true,
+  lineHeight: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  scale: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  // SVG-related properties
+  fillOpacity: true,
+  floodOpacity: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+
+function prefixKey(prefix, key) {
+  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+
+var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+// infinite loop, because it iterates over the newly added props too.
+
+Object.keys(isUnitlessNumber).forEach(function (prop) {
+  prefixes.forEach(function (prefix) {
+    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+  });
+});
+
 /**
  * Operations for dealing with CSS properties.
  */
@@ -4293,19 +4377,41 @@ function createDangerousStringForStyles(styles) {
         continue;
       }
 
-      var styleValue = styles[styleName];
+      var value = styles[styleName];
 
-      if (styleValue != null) {
+      if (value != null && typeof value !== "boolean" && value !== "") {
         var isCustomProperty = styleName.indexOf("--") === 0;
-        serialized +=
-          delimiter +
-          (isCustomProperty ? styleName : hyphenateStyleName(styleName)) +
-          ":";
-        serialized += dangerousStyleValue(
-          styleName,
-          styleValue,
-          isCustomProperty
-        );
+
+        if (isCustomProperty) {
+          {
+            checkCSSPropertyStringCoercion(value, styleName);
+          }
+
+          serialized += delimiter + styleName + ":" + ("" + value).trim();
+        } else {
+          if (
+            typeof value === "number" &&
+            value !== 0 &&
+            !(
+              isUnitlessNumber.hasOwnProperty(styleName) &&
+              isUnitlessNumber[styleName]
+            )
+          ) {
+            serialized +=
+              delimiter + hyphenateStyleName(styleName) + ":" + value + "px";
+          } else {
+            {
+              checkCSSPropertyStringCoercion(value, styleName);
+            }
+
+            serialized +=
+              delimiter +
+              hyphenateStyleName(styleName) +
+              ":" +
+              ("" + value).trim();
+          }
+        }
+
         delimiter = ";";
       }
     }
@@ -4329,28 +4435,44 @@ function setValueForStyles(node, styles) {
       continue;
     }
 
+    var value = styles[styleName];
     var isCustomProperty = styleName.indexOf("--") === 0;
 
     {
       if (!isCustomProperty) {
-        warnValidStyle(styleName, styles[styleName]);
+        warnValidStyle(styleName, value);
       }
     }
 
-    var styleValue = dangerousStyleValue(
-      styleName,
-      styles[styleName],
-      isCustomProperty
-    );
-
-    if (styleName === "float") {
-      styleName = "cssFloat";
-    }
-
-    if (isCustomProperty) {
-      style.setProperty(styleName, styleValue);
+    if (value == null || typeof value === "boolean" || value === "") {
+      if (isCustomProperty) {
+        style.setProperty(styleName, "");
+      } else if (styleName === "float") {
+        style.cssFloat = "";
+      } else {
+        style[styleName] = "";
+      }
+    } else if (isCustomProperty) {
+      style.setProperty(styleName, value);
+    } else if (
+      typeof value === "number" &&
+      value !== 0 &&
+      !(
+        isUnitlessNumber.hasOwnProperty(styleName) &&
+        isUnitlessNumber[styleName]
+      )
+    ) {
+      style[styleName] = value + "px"; // Presumes implicit 'px' suffix for unitless numbers
     } else {
-      style[styleName] = styleValue;
+      if (styleName === "float") {
+        style.cssFloat = value;
+      } else {
+        {
+          checkCSSPropertyStringCoercion(value, styleName);
+        }
+
+        style[styleName] = ("" + value).trim();
+      }
     }
   }
 }
@@ -4433,95 +4555,6 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-// For HTML, certain tags should omit their close tag. We keep a list for
-// those special-case tags.
-var omittedCloseTags = {
-  area: true,
-  base: true,
-  br: true,
-  col: true,
-  embed: true,
-  hr: true,
-  img: true,
-  input: true,
-  keygen: true,
-  link: true,
-  meta: true,
-  param: true,
-  source: true,
-  track: true,
-  wbr: true // NOTE: menuitem's close tag should be omitted, but that causes problems.
-};
-
-// `omittedCloseTags` except that `menuitem` should still have its closing tag.
-
-var voidElementTags = assign(
-  {
-    menuitem: true
-  },
-  omittedCloseTags
-);
-
-var HTML$1 = "__html";
-
-function assertValidProps(tag, props) {
-  if (!props) {
-    return;
-  } // Note the use of `==` which checks for null or undefined.
-
-  if (voidElementTags[tag]) {
-    if (props.children != null || props.dangerouslySetInnerHTML != null) {
-      throw new Error(
-        tag +
-          " is a void element tag and must neither have `children` nor " +
-          "use `dangerouslySetInnerHTML`."
-      );
-    }
-  }
-
-  if (props.dangerouslySetInnerHTML != null) {
-    if (props.children != null) {
-      throw new Error(
-        "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
-      );
-    }
-
-    if (
-      typeof props.dangerouslySetInnerHTML !== "object" ||
-      !(HTML$1 in props.dangerouslySetInnerHTML)
-    ) {
-      throw new Error(
-        "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
-          "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
-          "for more information."
-      );
-    }
-  }
-
-  {
-    if (
-      !props.suppressContentEditableWarning &&
-      props.contentEditable &&
-      props.children != null
-    ) {
-      error(
-        "A component is `contentEditable` and contains `children` managed by " +
-          "React. It is now your responsibility to guarantee that none of " +
-          "those nodes are unexpectedly modified or duplicated. This is " +
-          "probably not intentional."
-      );
-    }
-  }
-
-  if (props.style != null && typeof props.style !== "object") {
-    throw new Error(
-      "The `style` prop expects a mapping from style properties to values, " +
-        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
-        "using JSX."
-    );
-  }
-}
-
 function isCustomComponent(tagName, props) {
   if (tagName.indexOf("-") === -1) {
     return typeof props.is === "string";
@@ -5370,8 +5403,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -5386,7 +5418,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -5401,52 +5433,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
@@ -5523,13 +5580,6 @@ function validateProperties(type, props, eventRegistry) {
 
 var didWarnInvalidHydration = false;
 var didWarnScriptTags = false;
-var DANGEROUSLY_SET_INNER_HTML = "dangerouslySetInnerHTML";
-var SUPPRESS_CONTENT_EDITABLE_WARNING = "suppressContentEditableWarning";
-var SUPPRESS_HYDRATION_WARNING$1 = "suppressHydrationWarning";
-var AUTOFOCUS = "autoFocus";
-var CHILDREN = "children";
-var STYLE$1 = "style";
-var HTML = "__html";
 var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
@@ -5564,6 +5614,19 @@ function validatePropertiesInDevelopment(type, props) {
       registrationNameDependencies: registrationNameDependencies,
       possibleRegistrationNames: possibleRegistrationNames
     });
+
+    if (
+      props.contentEditable &&
+      !props.suppressContentEditableWarning &&
+      props.children != null
+    ) {
+      error(
+        "A component is `contentEditable` and contains `children` managed by " +
+          "React. It is now your responsibility to guarantee that none of " +
+          "those nodes are unexpectedly modified or duplicated. This is " +
+          "probably not intentional."
+      );
+    }
   }
 }
 
@@ -5732,62 +5795,135 @@ function setInitialDOMProperties(
 
     var nextProp = nextProps[propKey];
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      setValueForStyles(domElement, nextProp);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      if (nextHtml != null) {
-        if (disableIEWorkarounds) {
-          domElement.innerHTML = nextHtml;
-        } else {
-          setInnerHTML$1(domElement, nextHtml);
+        setValueForStyles(domElement, nextProp);
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
+          }
+
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            if (disableIEWorkarounds) {
+              domElement.innerHTML = nextHtml;
+            } else {
+              setInnerHTML$1(domElement, nextHtml);
+            }
+          }
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string") {
-        // Avoid setting initial textContent when the text is empty. In IE11 setting
-        // textContent on a <textarea> will cause the placeholder to not
-        // show within the <textarea> until it has been focused and blurred again.
-        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
-        var canSetTextContent =
-          tag !== "body" && (tag !== "textarea" || nextProp !== "");
 
-        if (canSetTextContent) {
-          setTextContent(domElement, nextProp);
+      case "children": {
+        if (typeof nextProp === "string") {
+          // Avoid setting initial textContent when the text is empty. In IE11 setting
+          // textContent on a <textarea> will cause the placeholder to not
+          // show within the <textarea> until it has been focused and blurred again.
+          // https://github.com/facebook/react/issues/6731#issuecomment-254874553
+          var canSetTextContent =
+            tag !== "body" && (tag !== "textarea" || nextProp !== "");
+
+          if (canSetTextContent) {
+            setTextContent(domElement, nextProp);
+          }
+        } else if (typeof nextProp === "number") {
+          var _canSetTextContent = tag !== "body";
+
+          if (_canSetTextContent) {
+            setTextContent(domElement, "" + nextProp);
+          }
         }
-      } else if (typeof nextProp === "number") {
-        var _canSetTextContent = tag !== "body";
 
-        if (_canSetTextContent) {
-          setTextContent(domElement, "" + nextProp);
+        break;
+      }
+
+      case "onScroll": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
+          listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        break;
       }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // We polyfill it separately on the client during commit.
+        // We could have excluded it in the property list instead of
+        // adding a special case here, but then it wouldn't be emitted
+        // on server rendering (but we *do* want to emit it in SSR).
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
         }
 
-        if (propKey === "onScroll") {
-          listenToNonDelegatedEvent("scroll", domElement);
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+        } else if (nextProp != null) {
+          if (isCustomComponentTag) {
+            setValueForPropertyOnCustomComponent(domElement, propKey, nextProp);
+          } else {
+            setValueForProperty(domElement, propKey, nextProp);
+          }
         }
       }
-    } else if (nextProp != null) {
-      setValueForProperty(domElement, propKey, nextProp, isCustomComponentTag);
     }
   }
 }
@@ -5803,18 +5939,32 @@ function updateDOMProperties(
     var propKey = updatePayload[i];
     var propValue = updatePayload[i + 1];
 
-    if (propKey === STYLE$1) {
-      setValueForStyles(domElement, propValue);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      if (disableIEWorkarounds) {
-        domElement.innerHTML = propValue;
-      } else {
-        setInnerHTML$1(domElement, propValue);
-      }
-    } else if (propKey === CHILDREN) {
-      setTextContent(domElement, propValue);
-    } else {
-      setValueForProperty(domElement, propKey, propValue, isCustomComponentTag);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+
+      case "dangerouslySetInnerHTML":
+        if (disableIEWorkarounds) {
+          domElement.innerHTML = propValue;
+        } else {
+          setInnerHTML$1(domElement, propValue);
+        }
+
+        break;
+
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+
+      default:
+        if (isCustomComponentTag) {
+          setValueForPropertyOnCustomComponent(domElement, propKey, propValue);
+        } else {
+          setValueForProperty(domElement, propKey, propValue);
+        }
+
+        break;
     }
   }
 } // creates a script element that won't execute
@@ -5964,8 +6114,19 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the load event.
+
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -5982,15 +6143,39 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "source":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the error event.
+
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
 
     case "img":
-    case "image":
     case "link":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
+    // eslint-disable-next-line no-fallthrough
+
+    case "image":
       // We listen to these events in case to ensure emulated bubble
       // listeners still fire for error and load events.
       listenToNonDelegatedEvent("error", domElement);
@@ -6006,6 +6191,17 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "input":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps); // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the invalid event.
@@ -6034,11 +6230,35 @@ function setInitialProperties(domElement, tag, rawProps) {
       listenToNonDelegatedEvent("invalid", domElement);
       break;
 
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       props = rawProps;
   }
 
-  assertValidProps(tag, props);
   setInitialDOMProperties(tag, domElement, props, isCustomComponentTag);
 
   switch (tag) {
@@ -6085,6 +6305,17 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
 
   switch (tag) {
     case "input":
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       lastProps = getHostProps$2(domElement, lastRawProps);
       nextProps = getHostProps$2(domElement, nextRawProps);
       updatePayload = [];
@@ -6102,6 +6333,35 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       updatePayload = [];
       break;
 
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       lastProps = lastRawProps;
       nextProps = nextRawProps;
@@ -6117,7 +6377,6 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       break;
   }
 
-  assertValidProps(tag, nextProps);
   var propKey;
   var styleName;
   var styleUpdates = null;
@@ -6131,35 +6390,67 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      var lastStyle = lastProps[propKey];
+    switch (propKey) {
+      case "style": {
+        var lastStyle = lastProps[propKey];
 
-      for (styleName in lastStyle) {
-        if (lastStyle.hasOwnProperty(styleName)) {
-          if (!styleUpdates) {
-            styleUpdates = {};
-          }
+        for (styleName in lastStyle) {
+          if (lastStyle.hasOwnProperty(styleName)) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
 
-          styleUpdates[styleName] = "";
+            styleUpdates[styleName] = "";
+          }
         }
+
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN);
-    else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      // This is a special case. If any listener updates we need to ensure
-      // that the "current" fiber pointer gets updated so we need a commit
-      // to update this element.
-      if (!updatePayload) {
-        updatePayload = [];
+
+      case "dangerouslySetInnerHTML":
+      case "children": {
+        // Noop. This is handled by the clear text mechanism.
+        break;
+      }
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop. It doesn't work on updates anyway.
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" fiber pointer gets updated so we need a commit
+          // to update this element.
+          if (!updatePayload) {
+            updatePayload = [];
+          }
+        } else {
+          // For all other deleted properties we add it to the queue. We use
+          // the allowed property list in the commit phase instead.
+          (updatePayload = updatePayload || []).push(propKey, null);
+        }
       }
-    } else {
-      // For all other deleted properties we add it to the queue. We use
-      // the allowed property list in the commit phase instead.
-      (updatePayload = updatePayload || []).push(propKey, null);
     }
   }
 
@@ -6175,102 +6466,179 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      }
 
-      if (lastProp) {
-        // Unset styles on `lastProp` but not on `nextProp`.
-        for (styleName in lastProp) {
-          if (
-            lastProp.hasOwnProperty(styleName) &&
-            (!nextProp || !nextProp.hasOwnProperty(styleName))
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        }
+
+        if (lastProp) {
+          // Unset styles on `lastProp` but not on `nextProp`.
+          for (styleName in lastProp) {
+            if (
+              lastProp.hasOwnProperty(styleName) &&
+              (!nextProp || !nextProp.hasOwnProperty(styleName))
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
+
+              styleUpdates[styleName] = "";
             }
+          } // Update styles that changed since `lastProp`.
 
-            styleUpdates[styleName] = "";
-          }
-        } // Update styles that changed since `lastProp`.
+          for (styleName in nextProp) {
+            if (
+              nextProp.hasOwnProperty(styleName) &&
+              lastProp[styleName] !== nextProp[styleName]
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
 
-        for (styleName in nextProp) {
-          if (
-            nextProp.hasOwnProperty(styleName) &&
-            lastProp[styleName] !== nextProp[styleName]
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+              styleUpdates[styleName] = nextProp[styleName];
+            }
+          }
+        } else {
+          // Relies on `updateStylesByID` not mutating `styleUpdates`.
+          if (!styleUpdates) {
+            if (!updatePayload) {
+              updatePayload = [];
             }
 
-            styleUpdates[styleName] = nextProp[styleName];
+            updatePayload.push(propKey, styleUpdates);
           }
+
+          styleUpdates = nextProp;
         }
-      } else {
-        // Relies on `updateStylesByID` not mutating `styleUpdates`.
-        if (!styleUpdates) {
-          if (!updatePayload) {
-            updatePayload = [];
+
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
           }
 
-          updatePayload.push(propKey, styleUpdates);
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            var lastHtml = lastProp ? lastProp.__html : undefined;
+
+            if (lastHtml !== nextHtml) {
+              (updatePayload = updatePayload || []).push(propKey, nextHtml);
+            }
+          }
         }
 
-        styleUpdates = nextProp;
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
-      var lastHtml = lastProp ? lastProp[HTML] : undefined;
 
-      if (nextHtml != null) {
-        if (lastHtml !== nextHtml) {
-          (updatePayload = updatePayload || []).push(propKey, nextHtml);
+      case "children": {
+        if (typeof nextProp === "string" || typeof nextProp === "number") {
+          (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string" || typeof nextProp === "number") {
-        (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
-      }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        // We eagerly listen to this even though we haven't committed yet.
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
-        }
 
-        if (propKey === "onScroll") {
+      case "onScroll": {
+        if (nextProp != null) {
+          // We eagerly listen to this even though we haven't committed yet.
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
           listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        if (!updatePayload && lastProp !== nextProp) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" props pointer gets updated so we need a commit
+          // to update this element.
+          updatePayload = [];
+        }
+
+        break;
       }
 
-      if (!updatePayload && lastProp !== nextProp) {
-        // This is a special case. If any listener updates we need to ensure
-        // that the "current" props pointer gets updated so we need a commit
-        // to update this element.
-        updatePayload = [];
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop on updates
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            // We eagerly listen to this even though we haven't committed yet.
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+
+          if (!updatePayload && lastProp !== nextProp) {
+            // This is a special case. If any listener updates we need to ensure
+            // that the "current" props pointer gets updated so we need a commit
+            // to update this element.
+            updatePayload = [];
+          }
+        } else {
+          // For any other property we always add it to the queue and then we
+          // filter it out using the allowed property list during the commit.
+          (updatePayload = updatePayload || []).push(propKey, nextProp);
+        }
       }
-    } else {
-      // For any other property we always add it to the queue and then we
-      // filter it out using the allowed property list during the commit.
-      (updatePayload = updatePayload || []).push(propKey, nextProp);
     }
   }
 
   if (styleUpdates) {
     {
-      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps[STYLE$1]);
+      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps.style);
     }
 
-    (updatePayload = updatePayload || []).push(STYLE$1, styleUpdates);
+    (updatePayload = updatePayload || []).push("style", styleUpdates);
   }
 
   return updatePayload;
@@ -6337,6 +6705,269 @@ function getPossibleStandardName(propName) {
   }
 }
 
+function diffHydratedStyles(domElement, value) {
+  if (value != null && typeof value !== "object") {
+    throw new Error(
+      "The `style` prop expects a mapping from style properties to values, " +
+        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+        "using JSX."
+    );
+  }
+
+  if (canDiffStyleForHydrationWarning) {
+    var expectedStyle = createDangerousStringForStyles(value);
+    var serverValue = domElement.getAttribute("style");
+
+    if (expectedStyle !== serverValue) {
+      warnForPropDifference("style", serverValue, expectedStyle);
+    }
+  }
+}
+
+function diffHydratedCustomComponent(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+
+      case "offsetParent":
+      case "offsetTop":
+      case "offsetLeft":
+      case "offsetWidth":
+      case "offsetHeight":
+      case "isContentEditable":
+      case "outerText":
+      case "outerHTML":
+        if (enableCustomElementPropertySupport) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+
+          {
+            error(
+              "Assignment to read-only property will result in a no-op: `%s`",
+              propKey
+            );
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        var ownNamespaceDev = parentNamespaceDev;
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          ownNamespaceDev = getIntrinsicNamespace(tag);
+        }
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+        } else {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey);
+        }
+
+        var serverValue = getValueForAttributeOnCustomComponent(
+          domElement,
+          propKey,
+          nextProp
+        );
+
+        if (nextProp !== serverValue) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+      }
+    }
+  }
+}
+
+function diffHydratedGenericElement(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "value": // Controlled attributes are not validated
+
+      case "checked": // TODO: Only ignore them on controlled tags.
+
+      case "selected":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+      // eslint-disable-next-line no-fallthrough
+
+      default:
+        if (
+          // shouldIgnoreAttribute
+          // We have already filtered out null/undefined and reserved words.
+          propKey.length > 2 &&
+          (propKey[0] === "o" || propKey[0] === "O") &&
+          (propKey[1] === "n" || propKey[1] === "N")
+        ) {
+          continue;
+        }
+
+        var propertyInfo = getPropertyInfo(propKey);
+        var isMismatchDueToBadCasing = false;
+        var serverValue = void 0;
+
+        if (propertyInfo !== null) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propertyInfo.attributeName);
+          serverValue = getValueForProperty(
+            domElement,
+            propKey,
+            nextProp,
+            propertyInfo
+          );
+        } else {
+          var ownNamespaceDev = parentNamespaceDev;
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            ownNamespaceDev = getIntrinsicNamespace(tag);
+          }
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            // $FlowFixMe - Should be inferred as not undefined.
+            extraAttributeNames.delete(propKey.toLowerCase());
+          } else {
+            var standardName = getPossibleStandardName(propKey);
+
+            if (standardName !== null && standardName !== propKey) {
+              // If an SVG prop is supplied with bad casing, it will
+              // be successfully parsed from HTML, but will produce a mismatch
+              // (and would be incorrectly rendered on the client).
+              // However, we already warn about bad casing elsewhere.
+              // So we'll skip the misleading extra mismatch warning in this case.
+              isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+
+              extraAttributeNames.delete(standardName);
+            } // $FlowFixMe - Should be inferred as not undefined.
+
+            extraAttributeNames.delete(propKey);
+          }
+
+          serverValue = getValueForAttribute(domElement, propKey, nextProp);
+        }
+
+        if (nextProp !== serverValue && !isMismatchDueToBadCasing) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+    }
+  }
+}
+
 function diffHydratedProperties(
   domElement,
   tag,
@@ -6345,8 +6976,6 @@ function diffHydratedProperties(
   shouldWarnDev,
   parentNamespaceDev
 ) {
-  var extraAttributeNames;
-
   {
     validatePropertiesInDevelopment(tag, rawProps);
   } // TODO: Make sure that we check isMounted before firing any of these events.
@@ -6426,35 +7055,6 @@ function diffHydratedProperties(
     listenToNonDelegatedEvent("scroll", domElement);
   }
 
-  assertValidProps(tag, rawProps);
-
-  {
-    extraAttributeNames = new Set();
-    var attributes = domElement.attributes;
-
-    for (var _i = 0; _i < attributes.length; _i++) {
-      var name = attributes[_i].name.toLowerCase();
-
-      switch (name) {
-        // Controlled attributes are not validated
-        // TODO: Only ignore them on controlled tags.
-        case "value":
-          break;
-
-        case "checked":
-          break;
-
-        case "selected":
-          break;
-
-        default:
-          // Intentionally use the original name.
-          // See discussion in https://github.com/facebook/react/pull/10676.
-          extraAttributeNames.add(attributes[_i].name);
-      }
-    }
-  }
-
   var updatePayload = null;
   var children = rawProps.children; // For text content children we compare against textContent. This
   // might match additional HTML that is hidden when we read it using
@@ -6468,7 +7068,7 @@ function diffHydratedProperties(
 
   if (typeof children === "string" || typeof children === "number") {
     if (domElement.textContent !== "" + children) {
-      if (rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true) {
+      if (rawProps.suppressHydrationWarning !== true) {
         checkForUnmatchedText(
           domElement.textContent,
           children,
@@ -6478,180 +7078,59 @@ function diffHydratedProperties(
       }
 
       if (!isConcurrentMode) {
-        updatePayload = [CHILDREN, children];
+        updatePayload = ["children", children];
       }
     }
   }
 
   if (shouldWarnDev) {
-    var isCustomComponentTag = isCustomComponent(tag, rawProps);
-
-    for (var propKey in rawProps) {
-      if (!rawProps.hasOwnProperty(propKey)) {
-        continue;
-      }
-
-      var nextProp = rawProps[propKey];
-
-      if (propKey === CHILDREN);
-      else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-        if (nextProp != null) {
-          if (typeof nextProp !== "function") {
-            warnForInvalidEventListener(propKey, nextProp);
-          }
-        }
-      } else {
-        // Validate that the properties correspond to their expected values.
-        var serverValue = void 0;
-        var propertyInfo =
-          isCustomComponentTag && enableCustomElementPropertySupport
-            ? null
-            : getPropertyInfo(propKey);
-
-        if (rawProps[SUPPRESS_HYDRATION_WARNING$1] === true);
-        else if (
-          propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-          propKey === SUPPRESS_HYDRATION_WARNING$1 || // Controlled attributes are not validated
-          // TODO: Only ignore them on controlled tags.
-          propKey === "value" ||
-          propKey === "checked" ||
-          propKey === "selected"
-        );
-        else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-          var serverHTML = domElement.innerHTML;
-          var nextHtml = nextProp ? nextProp[HTML] : undefined;
-
-          if (nextHtml != null) {
-            var expectedHTML = normalizeHTML(domElement, nextHtml);
-
-            if (expectedHTML !== serverHTML) {
-              warnForPropDifference(propKey, serverHTML, expectedHTML);
-            }
-          }
-        } else if (propKey === STYLE$1) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey);
-
-          if (canDiffStyleForHydrationWarning) {
-            var expectedStyle = createDangerousStringForStyles(nextProp);
-            serverValue = domElement.getAttribute("style");
-
-            if (expectedStyle !== serverValue) {
-              warnForPropDifference(propKey, serverValue, expectedStyle);
-            }
-          }
-        } else if (
-          enableCustomElementPropertySupport &&
-          isCustomComponentTag &&
-          (propKey === "offsetParent" ||
-            propKey === "offsetTop" ||
-            propKey === "offsetLeft" ||
-            propKey === "offsetWidth" ||
-            propKey === "offsetHeight" ||
-            propKey === "isContentEditable" ||
-            propKey === "outerText" ||
-            propKey === "outerHTML")
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-
-          {
-            error(
-              "Assignment to read-only property will result in a no-op: `%s`",
-              propKey
-            );
-          }
-        } else if (
-          isCustomComponentTag &&
-          !enableCustomElementPropertySupport
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-          serverValue = getValueForAttribute(
-            domElement,
-            propKey,
-            nextProp,
-            isCustomComponentTag
-          );
-
-          if (nextProp !== serverValue) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        } else if (
-          !shouldIgnoreAttribute(propKey, propertyInfo, isCustomComponentTag) &&
-          !shouldRemoveAttribute(
-            propKey,
-            nextProp,
-            propertyInfo,
-            isCustomComponentTag
-          )
-        ) {
-          var isMismatchDueToBadCasing = false;
-
-          if (propertyInfo !== null) {
-            // $FlowFixMe - Should be inferred as not undefined.
-            extraAttributeNames.delete(propertyInfo.attributeName);
-            serverValue = getValueForProperty(
-              domElement,
-              propKey,
-              nextProp,
-              propertyInfo
-            );
-          } else {
-            var ownNamespaceDev = parentNamespaceDev;
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              ownNamespaceDev = getIntrinsicNamespace(tag);
-            }
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              // $FlowFixMe - Should be inferred as not undefined.
-              extraAttributeNames.delete(propKey.toLowerCase());
-            } else {
-              var standardName = getPossibleStandardName(propKey);
-
-              if (standardName !== null && standardName !== propKey) {
-                // If an SVG prop is supplied with bad casing, it will
-                // be successfully parsed from HTML, but will produce a mismatch
-                // (and would be incorrectly rendered on the client).
-                // However, we already warn about bad casing elsewhere.
-                // So we'll skip the misleading extra mismatch warning in this case.
-                isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+    var extraAttributeNames = new Set();
+    var attributes = domElement.attributes;
 
-                extraAttributeNames.delete(standardName);
-              } // $FlowFixMe - Should be inferred as not undefined.
+    for (var _i = 0; _i < attributes.length; _i++) {
+      var name = attributes[_i].name.toLowerCase();
 
-              extraAttributeNames.delete(propKey);
-            }
+      switch (name) {
+        // Controlled attributes are not validated
+        // TODO: Only ignore them on controlled tags.
+        case "value":
+          break;
 
-            serverValue = getValueForAttribute(
-              domElement,
-              propKey,
-              nextProp,
-              isCustomComponentTag
-            );
-          }
+        case "checked":
+          break;
 
-          var dontWarnCustomElement =
-            enableCustomElementPropertySupport &&
-            isCustomComponentTag &&
-            (typeof nextProp === "function" || typeof nextProp === "object");
+        case "selected":
+          break;
 
-          if (
-            !dontWarnCustomElement &&
-            nextProp !== serverValue &&
-            !isMismatchDueToBadCasing
-          ) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        }
+        default:
+          // Intentionally use the original name.
+          // See discussion in https://github.com/facebook/react/pull/10676.
+          extraAttributeNames.add(attributes[_i].name);
       }
     }
 
+    if (isCustomComponent(tag, rawProps)) {
+      diffHydratedCustomComponent(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    } else {
+      diffHydratedGenericElement(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    }
+
     if (
       // $FlowFixMe - Should be inferred as not undefined.
       extraAttributeNames.size > 0 &&
-      rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true
+      rawProps.suppressHydrationWarning !== true
     ) {
       // $FlowFixMe - Should be inferred as not undefined.
       warnForExtraAttributes(extraAttributeNames);
@@ -36292,7 +36771,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-c0090de0";
+var ReactVersion = "18.3.0-www-classic-83f377c3";
 
 function createPortal$1(
   children,
@@ -39689,7 +40168,11 @@ function unhideInstance(instance, props) {
     styleProp.hasOwnProperty("display")
       ? styleProp.display
       : null;
-  instance.style.display = dangerousStyleValue("display", display);
+  instance.style.display =
+    display == null || typeof display === "boolean"
+      ? "" // The value would've errored already if it wasn't safe.
+      : // eslint-disable-next-line react-internal/safe-string-coercion
+        ("" + display).trim();
 }
 function unhideTextInstance(textInstance, text) {
   textInstance.nodeValue = text;
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
index 398bfa7c68d51..861bdb6237d18 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
@@ -750,9 +750,6 @@ function checkFormFieldValueStringCoercion(value) {
   }
 }
 
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -811,134 +808,6 @@ function isAttributeNameSafe(attributeName) {
 
   return false;
 }
-function shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag) {
-  if (propertyInfo !== null) {
-    return propertyInfo.type === RESERVED;
-  }
-
-  if (isCustomComponentTag) {
-    return false;
-  }
-
-  if (
-    name.length > 2 &&
-    (name[0] === "o" || name[0] === "O") &&
-    (name[1] === "n" || name[1] === "N")
-  ) {
-    return true;
-  }
-
-  return false;
-}
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (propertyInfo !== null && propertyInfo.type === RESERVED) {
-    return false;
-  }
-
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      // eslint-disable-line
-      return true;
-
-    case "boolean": {
-      if (isCustomComponentTag) {
-        return false;
-      }
-
-      if (propertyInfo !== null) {
-        return !propertyInfo.acceptsBooleans;
-      } else {
-        var prefix = name.toLowerCase().slice(0, 5);
-        return prefix !== "data-" && prefix !== "aria-";
-      }
-    }
-
-    default:
-      return false;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (value === null || typeof value === "undefined") {
-    return true;
-  }
-
-  if (
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  ) {
-    return true;
-  }
-
-  if (isCustomComponentTag) {
-    if (enableCustomElementPropertySupport) {
-      if (value === false) {
-        return true;
-      }
-    }
-
-    return false;
-  }
-
-  if (propertyInfo !== null) {
-    {
-      if (propertyInfo.removeEmptyString && value === "") {
-        {
-          if (name === "src") {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "This may cause the browser to download the whole page again over the network. " +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          } else {
-            error(
-              'An empty string ("") was passed to the %s attribute. ' +
-                "To fix this, either do not render the element at all " +
-                "or pass null to %s instead of an empty string.",
-              name,
-              name
-            );
-          }
-        }
-
-        return true;
-      }
-    }
-
-    switch (propertyInfo.type) {
-      case BOOLEAN:
-        return !value;
-
-      case OVERLOADED_BOOLEAN:
-        return value === false;
-
-      case NUMERIC:
-        return isNaN(value);
-
-      case POSITIVE_NUMERIC:
-        return isNaN(value) || value < 1;
-    }
-  }
-
-  return false;
-}
 function getPropertyInfo(name) {
   return properties.hasOwnProperty(name) ? properties[name] : null;
 } // $FlowFixMe[missing-this-annot]
@@ -967,37 +836,7 @@ function PropertyInfoRecord(
 // the `possibleStandardNames` module to ensure casing and incorrect
 // name warnings.
 
-var properties = {}; // These props are reserved by React. They shouldn't be written to the DOM.
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  properties[name] = new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
+var properties = {}; // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
@@ -1398,62 +1237,156 @@ function getValueForProperty(node, name, expected, propertyInfo) {
     if (propertyInfo.mustUseProperty) {
       var propertyName = propertyInfo.propertyName;
       return node[propertyName];
-    } else {
-      // This check protects multiple uses of `expected`, which is why the
-      // react-internal/safe-string-coercion rule is disabled in several spots
-      // below.
-      {
-        checkAttributeStringCoercion(expected, name);
+    }
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (!node.hasAttribute(attributeName)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          if (!propertyInfo.acceptsBooleans) {
+            return expected;
+          }
+        }
       }
 
-      var attributeName = propertyInfo.attributeName;
-      var stringValue = null;
+      switch (propertyInfo.type) {
+        case BOOLEAN: {
+          if (!expected) {
+            return expected;
+          }
 
-      if (propertyInfo.type === OVERLOADED_BOOLEAN) {
-        if (node.hasAttribute(attributeName)) {
-          var value = node.getAttribute(attributeName);
+          break;
+        }
 
-          if (value === "") {
-            return true;
+        case OVERLOADED_BOOLEAN: {
+          if (expected === false) {
+            return expected;
           }
 
-          if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-            return value;
-          } // eslint-disable-next-line react-internal/safe-string-coercion
+          break;
+        }
 
-          if (value === "" + expected) {
+        case NUMERIC: {
+          if (isNaN(expected)) {
             return expected;
           }
 
-          return value;
+          break;
         }
-      } else if (node.hasAttribute(attributeName)) {
-        if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-          // We had an attribute but shouldn't have had one, so read it
-          // for the error message.
-          return node.getAttribute(attributeName);
+
+        case POSITIVE_NUMERIC: {
+          if (isNaN(expected) || expected < 1) {
+            return expected;
+          }
+
+          break;
         }
+      }
+
+      {
+        if (propertyInfo.removeEmptyString && expected === "") {
+          {
+            if (name === "src") {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "This may cause the browser to download the whole page again over the network. " +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            } else {
+              error(
+                'An empty string ("") was passed to the %s attribute. ' +
+                  "To fix this, either do not render the element at all " +
+                  "or pass null to %s instead of an empty string.",
+                name,
+                name
+              );
+            }
+          }
 
-        if (propertyInfo.type === BOOLEAN) {
+          return expected;
+        }
+      }
+
+      return expected === undefined ? undefined : null;
+    } // Even if this property uses a namespace we use getAttribute
+    // because we assume its namespaced name is the same as our config.
+    // To use getAttributeNS we need the local name which we don't have
+    // in our config atm.
+
+    var value = node.getAttribute(attributeName);
+
+    if (expected == null) {
+      // We had an attribute but shouldn't have had one, so read it
+      // for the error message.
+      return value;
+    } // shouldRemoveAttribute
+
+    switch (propertyInfo.type) {
+      case BOOLEAN: {
+        if (expected) {
           // If this was a boolean, it doesn't matter what the value is
           // the fact that we have it is the same as the expected.
+          // As long as it's positive.
           return expected;
-        } // Even if this property uses a namespace we use getAttribute
-        // because we assume its namespaced name is the same as our config.
-        // To use getAttributeNS we need the local name which we don't have
-        // in our config atm.
+        }
 
-        stringValue = node.getAttribute(attributeName);
+        return value;
       }
 
-      if (shouldRemoveAttribute(name, expected, propertyInfo, false)) {
-        return stringValue === null ? expected : stringValue; // eslint-disable-next-line react-internal/safe-string-coercion
-      } else if (stringValue === "" + expected) {
-        return expected;
-      } else {
-        return stringValue;
+      case OVERLOADED_BOOLEAN: {
+        if (value === "") {
+          return true;
+        }
+
+        if (expected === false) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case NUMERIC: {
+        if (isNaN(expected)) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
+      }
+
+      case POSITIVE_NUMERIC: {
+        if (isNaN(expected) || expected < 1) {
+          // We had an attribute but shouldn't have had one, so read it
+          // for the error message.
+          return value;
+        }
+
+        break;
       }
     }
+
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
   }
 }
 /**
@@ -1462,20 +1395,87 @@ function getValueForProperty(node, name, expected, propertyInfo) {
  * attributes have multiple equivalent values.
  */
 
-function getValueForAttribute(node, name, expected, isCustomComponentTag) {
+function getValueForAttribute(node, name, expected) {
   {
     if (!isAttributeNameSafe(name)) {
       return;
     }
 
     if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "function":
+        case "symbol":
+          // eslint-disable-line
+          return expected;
+
+        case "boolean": {
+          var prefix = name.toLowerCase().slice(0, 5);
+
+          if (prefix !== "data-" && prefix !== "aria-") {
+            return expected;
+          }
+        }
+      }
+
       return expected === undefined ? undefined : null;
     }
 
     var value = node.getAttribute(name);
 
+    {
+      checkAttributeStringCoercion(expected, name);
+    }
+
+    if (value === "" + expected) {
+      return expected;
+    }
+
+    return value;
+  }
+}
+function getValueForAttributeOnCustomComponent(node, name, expected) {
+  {
+    if (!isAttributeNameSafe(name)) {
+      return;
+    }
+
+    if (!node.hasAttribute(name)) {
+      // shouldRemoveAttribute
+      switch (typeof expected) {
+        case "symbol":
+        case "object":
+          // Symbols and objects are ignored when they're emitted so
+          // it would be expected that they end up not having an attribute.
+          return expected;
+
+        case "function":
+          if (enableCustomElementPropertySupport) {
+            return expected;
+          }
+
+          break;
+
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (expected === false) {
+              return expected;
+            }
+          }
+      }
+
+      return expected === undefined ? undefined : null;
+    }
+
+    if (enableCustomElementPropertySupport && name === "className") {
+      // className is a special cased property on the server to render as an attribute.
+      name = "class";
+    }
+
+    var value = node.getAttribute(name);
+
     if (enableCustomElementPropertySupport) {
-      if (isCustomComponentTag && value === "") {
+      if (value === "" && expected === true) {
         return true;
       }
     }
@@ -1499,22 +1499,203 @@ function getValueForAttribute(node, name, expected, isCustomComponentTag) {
  * @param {*} value
  */
 
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var propertyInfo = getPropertyInfo(name);
-
-  if (shouldIgnoreAttribute(name, propertyInfo, isCustomComponentTag)) {
+function setValueForProperty(node, name, value) {
+  if (
+    // shouldIgnoreAttribute
+    // We have already filtered out reserved words.
+    name.length > 2 &&
+    (name[0] === "o" || name[0] === "O") &&
+    (name[1] === "n" || name[1] === "N")
+  ) {
     return;
   }
 
+  var propertyInfo = getPropertyInfo(name);
+
+  if (propertyInfo !== null) {
+    if (propertyInfo.mustUseProperty) {
+      // We assume mustUseProperty are of BOOLEAN type because that's the only way we use it
+      // right now.
+      node[propertyInfo.propertyName] =
+        value && typeof value !== "function" && typeof value !== "symbol";
+      return;
+    } // The rest are treated as attributes with special cases.
+
+    var attributeName = propertyInfo.attributeName;
+
+    if (value === null) {
+      node.removeAttribute(attributeName);
+      return;
+    } // shouldRemoveAttribute
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(attributeName);
+        return;
+
+      case "boolean": {
+        if (!propertyInfo.acceptsBooleans) {
+          node.removeAttribute(attributeName);
+          return;
+        }
+      }
+    }
+
+    {
+      if (propertyInfo.removeEmptyString && value === "") {
+        {
+          if (name === "src") {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "This may cause the browser to download the whole page again over the network. " +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          } else {
+            error(
+              'An empty string ("") was passed to the %s attribute. ' +
+                "To fix this, either do not render the element at all " +
+                "or pass null to %s instead of an empty string.",
+              name,
+              name
+            );
+          }
+        }
+
+        node.removeAttribute(attributeName);
+        return;
+      }
+    }
+
+    switch (propertyInfo.type) {
+      case BOOLEAN:
+        if (value) {
+          node.setAttribute(attributeName, "");
+        } else {
+          node.removeAttribute(attributeName);
+          return;
+        }
+
+        break;
+
+      case OVERLOADED_BOOLEAN:
+        if (value === true) {
+          node.setAttribute(attributeName, "");
+        } else if (value === false) {
+          node.removeAttribute(attributeName);
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        }
+
+        return;
+
+      case NUMERIC:
+        if (!isNaN(value)) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      case POSITIVE_NUMERIC:
+        if (!isNaN(value) && value >= 1) {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          node.setAttribute(attributeName, value);
+        } else {
+          node.removeAttribute(attributeName);
+        }
+
+        break;
+
+      default: {
+        var attributeValue; // `setAttribute` with objects becomes only `[object]` in IE8/9,
+        // ('' + value) makes it output the correct toString()-value.
+
+        if (enableTrustedTypesIntegration) {
+          attributeValue = value;
+        } else {
+          {
+            checkAttributeStringCoercion(value, attributeName);
+          }
+
+          attributeValue = "" + value;
+        }
+
+        if (propertyInfo.sanitizeURL) {
+          sanitizeURL(attributeValue.toString());
+        }
+
+        var attributeNamespace = propertyInfo.attributeNamespace;
+
+        if (attributeNamespace) {
+          node.setAttributeNS(
+            attributeNamespace,
+            attributeName,
+            attributeValue
+          );
+        } else {
+          node.setAttribute(attributeName, attributeValue);
+        }
+      }
+    }
+  } else if (isAttributeNameSafe(name)) {
+    // If the prop isn't in the special list, treat it as a simple attribute.
+    // shouldRemoveAttribute
+    if (value === null) {
+      node.removeAttribute(name);
+      return;
+    }
+
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
+
+      case "boolean": {
+        var prefix = name.toLowerCase().slice(0, 5);
+
+        if (prefix !== "data-" && prefix !== "aria-") {
+          node.removeAttribute(name);
+          return;
+        }
+      }
+    }
+
+    {
+      checkAttributeStringCoercion(value, name);
+    }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
   if (
     enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
     name[0] === "o" &&
     name[1] === "n"
   ) {
-    var eventName = name.replace(/Capture$/, "");
-    var useCapture = name !== eventName;
-    eventName = eventName.slice(2);
+    var useCapture = name.endsWith("Capture");
+    var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
     var prevValue = prevProps != null ? prevProps[name] : null;
 
@@ -1538,99 +1719,44 @@ function setValueForProperty(node, name, value, isCustomComponentTag) {
     }
   }
 
-  if (
-    enableCustomElementPropertySupport &&
-    isCustomComponentTag &&
-    name in node
-  ) {
+  if (enableCustomElementPropertySupport && name in node) {
     node[name] = value;
     return;
   }
 
-  if (shouldRemoveAttribute(name, value, propertyInfo, isCustomComponentTag)) {
-    value = null;
-  }
-
-  if (enableCustomElementPropertySupport) {
-    if (isCustomComponentTag && value === true) {
-      value = "";
-    }
-  } // If the prop isn't in the special list, treat it as a simple attribute.
-
-  if (isCustomComponentTag || propertyInfo === null) {
-    if (isAttributeNameSafe(name)) {
-      var _attributeName = name;
-
-      if (value === null) {
-        node.removeAttribute(_attributeName);
-      } else {
-        {
-          checkAttributeStringCoercion(value, name);
-        }
-
-        node.setAttribute(
-          _attributeName,
-          enableTrustedTypesIntegration ? value : "" + value
-        );
-      }
-    }
-
-    return;
-  }
-
-  var mustUseProperty = propertyInfo.mustUseProperty;
-
-  if (mustUseProperty) {
-    var propertyName = propertyInfo.propertyName;
-
+  if (isAttributeNameSafe(name)) {
+    // shouldRemoveAttribute
     if (value === null) {
-      var type = propertyInfo.type;
-      node[propertyName] = type === BOOLEAN ? false : "";
-    } else {
-      // Contrary to `setAttribute`, object properties are properly
-      // `toString`ed by IE8/9.
-      node[propertyName] = value;
+      node.removeAttribute(name);
+      return;
     }
 
-    return;
-  } // The rest are treated as attributes with special cases.
-
-  var attributeName = propertyInfo.attributeName,
-    attributeNamespace = propertyInfo.attributeNamespace;
+    switch (typeof value) {
+      case "undefined":
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        node.removeAttribute(name);
+        return;
 
-  if (value === null) {
-    node.removeAttribute(attributeName);
-  } else {
-    var _type = propertyInfo.type;
-    var attributeValue;
+      case "boolean": {
+        if (enableCustomElementPropertySupport) {
+          if (value === true) {
+            node.setAttribute(name, "");
+            return;
+          }
 
-    if (_type === BOOLEAN || (_type === OVERLOADED_BOOLEAN && value === true)) {
-      // If attribute type is boolean, we know for sure it won't be an execution sink
-      // and we won't require Trusted Type here.
-      attributeValue = "";
-    } else {
-      // `setAttribute` with objects becomes only `[object]` in IE8/9,
-      // ('' + value) makes it output the correct toString()-value.
-      if (enableTrustedTypesIntegration) {
-        attributeValue = value;
-      } else {
-        {
-          checkAttributeStringCoercion(value, attributeName);
+          node.removeAttribute(name);
+          return;
         }
-
-        attributeValue = "" + value;
-      }
-
-      if (propertyInfo.sanitizeURL) {
-        sanitizeURL(attributeValue.toString());
       }
     }
 
-    if (attributeNamespace) {
-      node.setAttributeNS(attributeNamespace, attributeName, attributeValue);
-    } else {
-      node.setAttribute(attributeName, attributeValue);
+    {
+      checkAttributeStringCoercion(value, name);
     }
+
+    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
   }
 }
 
@@ -2681,7 +2807,7 @@ function updateChecked(element, props) {
   var checked = props.checked;
 
   if (checked != null) {
-    setValueForProperty(node, "checked", checked, false);
+    node.checked = checked;
   }
 }
 function updateWrapper$1(element, props) {
@@ -3673,122 +3799,6 @@ var shorthandToLonghand = {
   wordWrap: ["overflowWrap"]
 };
 
-/**
- * CSS properties which accept numbers but are not in units of "px".
- */
-var isUnitlessNumber = {
-  animationIterationCount: true,
-  aspectRatio: true,
-  borderImageOutset: true,
-  borderImageSlice: true,
-  borderImageWidth: true,
-  boxFlex: true,
-  boxFlexGroup: true,
-  boxOrdinalGroup: true,
-  columnCount: true,
-  columns: true,
-  flex: true,
-  flexGrow: true,
-  flexPositive: true,
-  flexShrink: true,
-  flexNegative: true,
-  flexOrder: true,
-  gridArea: true,
-  gridRow: true,
-  gridRowEnd: true,
-  gridRowSpan: true,
-  gridRowStart: true,
-  gridColumn: true,
-  gridColumnEnd: true,
-  gridColumnSpan: true,
-  gridColumnStart: true,
-  fontWeight: true,
-  lineClamp: true,
-  lineHeight: true,
-  opacity: true,
-  order: true,
-  orphans: true,
-  scale: true,
-  tabSize: true,
-  widows: true,
-  zIndex: true,
-  zoom: true,
-  // SVG-related properties
-  fillOpacity: true,
-  floodOpacity: true,
-  stopOpacity: true,
-  strokeDasharray: true,
-  strokeDashoffset: true,
-  strokeMiterlimit: true,
-  strokeOpacity: true,
-  strokeWidth: true
-};
-/**
- * @param {string} prefix vendor-specific prefix, eg: Webkit
- * @param {string} key style name, eg: transitionDuration
- * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
- * WebkitTransitionDuration
- */
-
-function prefixKey(prefix, key) {
-  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
-}
-/**
- * Support style names that may come passed in prefixed by adding permutations
- * of vendor prefixes.
- */
-
-var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
-// infinite loop, because it iterates over the newly added props too.
-
-Object.keys(isUnitlessNumber).forEach(function (prop) {
-  prefixes.forEach(function (prefix) {
-    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
-  });
-});
-
-/**
- * Convert a value into the proper css writable value. The style name `name`
- * should be logical (no hyphens), as specified
- * in `CSSProperty.isUnitlessNumber`.
- *
- * @param {string} name CSS property name such as `topMargin`.
- * @param {*} value CSS property value such as `10px`.
- * @return {string} Normalized style value with dimensions applied.
- */
-
-function dangerousStyleValue(name, value, isCustomProperty) {
-  // Note that we've removed escapeTextForBrowser() calls here since the
-  // whole string will be escaped when the attribute is injected into
-  // the markup. If you provide unsafe user data here they can inject
-  // arbitrary CSS which may be problematic (I couldn't repro this):
-  // https://www.owasp.org/index.php/XSS_Filter_Evasion_Cheat_Sheet
-  // http://www.thespanner.co.uk/2007/11/26/ultimate-xss-css-injection/
-  // This is not an XSS hole but instead a potential CSS injection issue
-  // which has lead to a greater discussion about how we're going to
-  // trust URLs moving forward. See #2115901
-  var isEmpty = value == null || typeof value === "boolean" || value === "";
-
-  if (isEmpty) {
-    return "";
-  }
-
-  if (
-    !isCustomProperty &&
-    typeof value === "number" &&
-    value !== 0 &&
-    !(isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-  ) {
-    return value + "px"; // Presumes implicit 'px' suffix for unitless numbers
-  }
-
-  {
-    checkCSSPropertyStringCoercion(value, name);
-  }
-
-  return ("" + value).trim();
-}
-
 var uppercasePattern = /([A-Z])/g;
 var msPattern$1 = /^ms-/;
 /**
@@ -3927,6 +3937,80 @@ function warnValidStyle(name, value) {
   }
 }
 
+/**
+ * CSS properties which accept numbers but are not in units of "px".
+ */
+var isUnitlessNumber = {
+  animationIterationCount: true,
+  aspectRatio: true,
+  borderImageOutset: true,
+  borderImageSlice: true,
+  borderImageWidth: true,
+  boxFlex: true,
+  boxFlexGroup: true,
+  boxOrdinalGroup: true,
+  columnCount: true,
+  columns: true,
+  flex: true,
+  flexGrow: true,
+  flexPositive: true,
+  flexShrink: true,
+  flexNegative: true,
+  flexOrder: true,
+  gridArea: true,
+  gridRow: true,
+  gridRowEnd: true,
+  gridRowSpan: true,
+  gridRowStart: true,
+  gridColumn: true,
+  gridColumnEnd: true,
+  gridColumnSpan: true,
+  gridColumnStart: true,
+  fontWeight: true,
+  lineClamp: true,
+  lineHeight: true,
+  opacity: true,
+  order: true,
+  orphans: true,
+  scale: true,
+  tabSize: true,
+  widows: true,
+  zIndex: true,
+  zoom: true,
+  // SVG-related properties
+  fillOpacity: true,
+  floodOpacity: true,
+  stopOpacity: true,
+  strokeDasharray: true,
+  strokeDashoffset: true,
+  strokeMiterlimit: true,
+  strokeOpacity: true,
+  strokeWidth: true
+};
+/**
+ * @param {string} prefix vendor-specific prefix, eg: Webkit
+ * @param {string} key style name, eg: transitionDuration
+ * @return {string} style name prefixed with `prefix`, properly camelCased, eg:
+ * WebkitTransitionDuration
+ */
+
+function prefixKey(prefix, key) {
+  return prefix + key.charAt(0).toUpperCase() + key.substring(1);
+}
+/**
+ * Support style names that may come passed in prefixed by adding permutations
+ * of vendor prefixes.
+ */
+
+var prefixes = ["Webkit", "ms", "Moz", "O"]; // Using Object.keys here, or else the vanilla for-in loop makes IE8 go into an
+// infinite loop, because it iterates over the newly added props too.
+
+Object.keys(isUnitlessNumber).forEach(function (prop) {
+  prefixes.forEach(function (prefix) {
+    isUnitlessNumber[prefixKey(prefix, prop)] = isUnitlessNumber[prop];
+  });
+});
+
 /**
  * Operations for dealing with CSS properties.
  */
@@ -3948,19 +4032,41 @@ function createDangerousStringForStyles(styles) {
         continue;
       }
 
-      var styleValue = styles[styleName];
+      var value = styles[styleName];
 
-      if (styleValue != null) {
+      if (value != null && typeof value !== "boolean" && value !== "") {
         var isCustomProperty = styleName.indexOf("--") === 0;
-        serialized +=
-          delimiter +
-          (isCustomProperty ? styleName : hyphenateStyleName(styleName)) +
-          ":";
-        serialized += dangerousStyleValue(
-          styleName,
-          styleValue,
-          isCustomProperty
-        );
+
+        if (isCustomProperty) {
+          {
+            checkCSSPropertyStringCoercion(value, styleName);
+          }
+
+          serialized += delimiter + styleName + ":" + ("" + value).trim();
+        } else {
+          if (
+            typeof value === "number" &&
+            value !== 0 &&
+            !(
+              isUnitlessNumber.hasOwnProperty(styleName) &&
+              isUnitlessNumber[styleName]
+            )
+          ) {
+            serialized +=
+              delimiter + hyphenateStyleName(styleName) + ":" + value + "px";
+          } else {
+            {
+              checkCSSPropertyStringCoercion(value, styleName);
+            }
+
+            serialized +=
+              delimiter +
+              hyphenateStyleName(styleName) +
+              ":" +
+              ("" + value).trim();
+          }
+        }
+
         delimiter = ";";
       }
     }
@@ -3984,28 +4090,44 @@ function setValueForStyles(node, styles) {
       continue;
     }
 
+    var value = styles[styleName];
     var isCustomProperty = styleName.indexOf("--") === 0;
 
     {
       if (!isCustomProperty) {
-        warnValidStyle(styleName, styles[styleName]);
+        warnValidStyle(styleName, value);
       }
     }
 
-    var styleValue = dangerousStyleValue(
-      styleName,
-      styles[styleName],
-      isCustomProperty
-    );
-
-    if (styleName === "float") {
-      styleName = "cssFloat";
-    }
-
-    if (isCustomProperty) {
-      style.setProperty(styleName, styleValue);
+    if (value == null || typeof value === "boolean" || value === "") {
+      if (isCustomProperty) {
+        style.setProperty(styleName, "");
+      } else if (styleName === "float") {
+        style.cssFloat = "";
+      } else {
+        style[styleName] = "";
+      }
+    } else if (isCustomProperty) {
+      style.setProperty(styleName, value);
+    } else if (
+      typeof value === "number" &&
+      value !== 0 &&
+      !(
+        isUnitlessNumber.hasOwnProperty(styleName) &&
+        isUnitlessNumber[styleName]
+      )
+    ) {
+      style[styleName] = value + "px"; // Presumes implicit 'px' suffix for unitless numbers
     } else {
-      style[styleName] = styleValue;
+      if (styleName === "float") {
+        style.cssFloat = value;
+      } else {
+        {
+          checkCSSPropertyStringCoercion(value, styleName);
+        }
+
+        style[styleName] = ("" + value).trim();
+      }
     }
   }
 }
@@ -4088,95 +4210,6 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-// For HTML, certain tags should omit their close tag. We keep a list for
-// those special-case tags.
-var omittedCloseTags = {
-  area: true,
-  base: true,
-  br: true,
-  col: true,
-  embed: true,
-  hr: true,
-  img: true,
-  input: true,
-  keygen: true,
-  link: true,
-  meta: true,
-  param: true,
-  source: true,
-  track: true,
-  wbr: true // NOTE: menuitem's close tag should be omitted, but that causes problems.
-};
-
-// `omittedCloseTags` except that `menuitem` should still have its closing tag.
-
-var voidElementTags = assign(
-  {
-    menuitem: true
-  },
-  omittedCloseTags
-);
-
-var HTML$1 = "__html";
-
-function assertValidProps(tag, props) {
-  if (!props) {
-    return;
-  } // Note the use of `==` which checks for null or undefined.
-
-  if (voidElementTags[tag]) {
-    if (props.children != null || props.dangerouslySetInnerHTML != null) {
-      throw new Error(
-        tag +
-          " is a void element tag and must neither have `children` nor " +
-          "use `dangerouslySetInnerHTML`."
-      );
-    }
-  }
-
-  if (props.dangerouslySetInnerHTML != null) {
-    if (props.children != null) {
-      throw new Error(
-        "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
-      );
-    }
-
-    if (
-      typeof props.dangerouslySetInnerHTML !== "object" ||
-      !(HTML$1 in props.dangerouslySetInnerHTML)
-    ) {
-      throw new Error(
-        "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
-          "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
-          "for more information."
-      );
-    }
-  }
-
-  {
-    if (
-      !props.suppressContentEditableWarning &&
-      props.contentEditable &&
-      props.children != null
-    ) {
-      error(
-        "A component is `contentEditable` and contains `children` managed by " +
-          "React. It is now your responsibility to guarantee that none of " +
-          "those nodes are unexpectedly modified or duplicated. This is " +
-          "probably not intentional."
-      );
-    }
-  }
-
-  if (props.style != null && typeof props.style !== "object") {
-    throw new Error(
-      "The `style` prop expects a mapping from style properties to values, " +
-        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
-        "using JSX."
-    );
-  }
-}
-
 function isCustomComponent(tagName, props) {
   if (tagName.indexOf("-") === -1) {
     return typeof props.is === "string";
@@ -5025,8 +5058,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
       return true;
     }
 
-    var propertyInfo = getPropertyInfo(name);
-    var isReserved = propertyInfo !== null && propertyInfo.type === RESERVED; // Known attributes should match the casing specified in the property config.
+    var propertyInfo = getPropertyInfo(name); // Known attributes should match the casing specified in the property config.
 
     if (possibleStandardNames.hasOwnProperty(lowerCasedName)) {
       var standardName = possibleStandardNames[lowerCasedName];
@@ -5041,7 +5073,7 @@ function validateProperty(tagName, name, value, eventRegistry) {
         warnedProperties[name] = true;
         return true;
       }
-    } else if (!isReserved && name !== lowerCasedName) {
+    } else if (name !== lowerCasedName) {
       // Unknown attributes should have lowercase casing since that's how they
       // will be cased anyway with server rendering.
       error(
@@ -5056,52 +5088,77 @@ function validateProperty(tagName, name, value, eventRegistry) {
 
       warnedProperties[name] = true;
       return true;
+    } // Now that we've validated casing, do not validate
+    // data types for reserved props
+
+    switch (name) {
+      case "dangerouslySetInnerHTML":
+      case "children":
+      case "style":
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        return true;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          return true;
+        }
     }
 
-    if (
-      typeof value === "boolean" &&
-      shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)
-    ) {
-      if (value) {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.',
-          value,
-          name,
-          name,
-          value,
-          name
-        );
-      } else {
-        error(
-          "Received `%s` for a non-boolean attribute `%s`.\n\n" +
-            "If you want to write it to the DOM, pass a string instead: " +
-            '%s="%s" or %s={value.toString()}.\n\n' +
-            "If you used to conditionally omit it with %s={condition && value}, " +
-            "pass %s={condition ? value : undefined} instead.",
-          value,
-          name,
-          name,
-          value,
-          name,
-          name,
-          name
-        );
+    if (typeof value === "boolean") {
+      var prefix = name.toLowerCase().slice(0, 5);
+      var acceptsBooleans =
+        propertyInfo !== null
+          ? propertyInfo.acceptsBooleans
+          : prefix === "data-" || prefix === "aria-";
+
+      if (!acceptsBooleans) {
+        if (value) {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.',
+            value,
+            name,
+            name,
+            value,
+            name
+          );
+        } else {
+          error(
+            "Received `%s` for a non-boolean attribute `%s`.\n\n" +
+              "If you want to write it to the DOM, pass a string instead: " +
+              '%s="%s" or %s={value.toString()}.\n\n' +
+              "If you used to conditionally omit it with %s={condition && value}, " +
+              "pass %s={condition ? value : undefined} instead.",
+            value,
+            name,
+            name,
+            value,
+            name,
+            name,
+            name
+          );
+        }
       }
 
       warnedProperties[name] = true;
       return true;
-    } // Now that we've validated casing, do not validate
-    // data types for reserved props
-
-    if (isReserved) {
-      return true;
     } // Warn when a known attribute is a bad type
 
-    if (shouldRemoveAttributeWithWarning(name, value, propertyInfo, false)) {
-      warnedProperties[name] = true;
-      return false;
+    switch (typeof value) {
+      case "function":
+      case "symbol":
+        // eslint-disable-line
+        warnedProperties[name] = true;
+        return false;
     } // Warn when passing the strings 'false' or 'true' into a boolean prop
 
     if (
@@ -33993,7 +34050,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-9f593914";
+var ReactVersion = "18.3.0-www-modern-a435d23e";
 
 function createPortal$1(
   children,
@@ -39233,13 +39290,6 @@ function getListenerSetKey(domEventName, capture) {
 
 var didWarnInvalidHydration = false;
 var didWarnScriptTags = false;
-var DANGEROUSLY_SET_INNER_HTML = "dangerouslySetInnerHTML";
-var SUPPRESS_CONTENT_EDITABLE_WARNING = "suppressContentEditableWarning";
-var SUPPRESS_HYDRATION_WARNING$1 = "suppressHydrationWarning";
-var AUTOFOCUS = "autoFocus";
-var CHILDREN = "children";
-var STYLE$1 = "style";
-var HTML = "__html";
 var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
@@ -39274,6 +39324,19 @@ function validatePropertiesInDevelopment(type, props) {
       registrationNameDependencies: registrationNameDependencies,
       possibleRegistrationNames: possibleRegistrationNames
     });
+
+    if (
+      props.contentEditable &&
+      !props.suppressContentEditableWarning &&
+      props.children != null
+    ) {
+      error(
+        "A component is `contentEditable` and contains `children` managed by " +
+          "React. It is now your responsibility to guarantee that none of " +
+          "those nodes are unexpectedly modified or duplicated. This is " +
+          "probably not intentional."
+      );
+    }
   }
 }
 
@@ -39442,62 +39505,135 @@ function setInitialDOMProperties(
 
     var nextProp = nextProps[propKey];
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      setValueForStyles(domElement, nextProp);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        } // Relies on `updateStylesByID` not mutating `styleUpdates`.
 
-      if (nextHtml != null) {
-        if (disableIEWorkarounds) {
-          domElement.innerHTML = nextHtml;
-        } else {
-          setInnerHTML$1(domElement, nextHtml);
+        setValueForStyles(domElement, nextProp);
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
+          }
+
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            if (disableIEWorkarounds) {
+              domElement.innerHTML = nextHtml;
+            } else {
+              setInnerHTML$1(domElement, nextHtml);
+            }
+          }
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string") {
-        // Avoid setting initial textContent when the text is empty. In IE11 setting
-        // textContent on a <textarea> will cause the placeholder to not
-        // show within the <textarea> until it has been focused and blurred again.
-        // https://github.com/facebook/react/issues/6731#issuecomment-254874553
-        var canSetTextContent =
-          tag !== "body" && (tag !== "textarea" || nextProp !== "");
 
-        if (canSetTextContent) {
-          setTextContent(domElement, nextProp);
+      case "children": {
+        if (typeof nextProp === "string") {
+          // Avoid setting initial textContent when the text is empty. In IE11 setting
+          // textContent on a <textarea> will cause the placeholder to not
+          // show within the <textarea> until it has been focused and blurred again.
+          // https://github.com/facebook/react/issues/6731#issuecomment-254874553
+          var canSetTextContent =
+            tag !== "body" && (tag !== "textarea" || nextProp !== "");
+
+          if (canSetTextContent) {
+            setTextContent(domElement, nextProp);
+          }
+        } else if (typeof nextProp === "number") {
+          var _canSetTextContent = tag !== "body";
+
+          if (_canSetTextContent) {
+            setTextContent(domElement, "" + nextProp);
+          }
         }
-      } else if (typeof nextProp === "number") {
-        var _canSetTextContent = tag !== "body";
 
-        if (_canSetTextContent) {
-          setTextContent(domElement, "" + nextProp);
+        break;
+      }
+
+      case "onScroll": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
+          listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        break;
       }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // We polyfill it separately on the client during commit.
+        // We could have excluded it in the property list instead of
+        // adding a special case here, but then it wouldn't be emitted
+        // on server rendering (but we *do* want to emit it in SSR).
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
         }
 
-        if (propKey === "onScroll") {
-          listenToNonDelegatedEvent("scroll", domElement);
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+        } else if (nextProp != null) {
+          if (isCustomComponentTag) {
+            setValueForPropertyOnCustomComponent(domElement, propKey, nextProp);
+          } else {
+            setValueForProperty(domElement, propKey, nextProp);
+          }
         }
       }
-    } else if (nextProp != null) {
-      setValueForProperty(domElement, propKey, nextProp, isCustomComponentTag);
     }
   }
 }
@@ -39513,18 +39649,32 @@ function updateDOMProperties(
     var propKey = updatePayload[i];
     var propValue = updatePayload[i + 1];
 
-    if (propKey === STYLE$1) {
-      setValueForStyles(domElement, propValue);
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      if (disableIEWorkarounds) {
-        domElement.innerHTML = propValue;
-      } else {
-        setInnerHTML$1(domElement, propValue);
-      }
-    } else if (propKey === CHILDREN) {
-      setTextContent(domElement, propValue);
-    } else {
-      setValueForProperty(domElement, propKey, propValue, isCustomComponentTag);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+
+      case "dangerouslySetInnerHTML":
+        if (disableIEWorkarounds) {
+          domElement.innerHTML = propValue;
+        } else {
+          setInnerHTML$1(domElement, propValue);
+        }
+
+        break;
+
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+
+      default:
+        if (isCustomComponentTag) {
+          setValueForPropertyOnCustomComponent(domElement, propKey, propValue);
+        } else {
+          setValueForProperty(domElement, propKey, propValue);
+        }
+
+        break;
     }
   }
 } // creates a script element that won't execute
@@ -39674,8 +39824,19 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the load event.
+
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -39692,15 +39853,39 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "source":
-      // We listen to this event in case to ensure emulated bubble
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      } // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the error event.
+
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
 
     case "img":
-    case "image":
     case "link":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
+    // eslint-disable-next-line no-fallthrough
+
+    case "image":
       // We listen to these events in case to ensure emulated bubble
       // listeners still fire for error and load events.
       listenToNonDelegatedEvent("error", domElement);
@@ -39716,6 +39901,17 @@ function setInitialProperties(domElement, tag, rawProps) {
       break;
 
     case "input":
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps); // We listen to this event in case to ensure emulated bubble
       // listeners still fire for the invalid event.
@@ -39744,11 +39940,35 @@ function setInitialProperties(domElement, tag, rawProps) {
       listenToNonDelegatedEvent("invalid", domElement);
       break;
 
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        rawProps.children != null ||
+        rawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       props = rawProps;
   }
 
-  assertValidProps(tag, props);
   setInitialDOMProperties(tag, domElement, props, isCustomComponentTag);
 
   switch (tag) {
@@ -39795,6 +40015,17 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
 
   switch (tag) {
     case "input":
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+
       lastProps = getHostProps$2(domElement, lastRawProps);
       nextProps = getHostProps$2(domElement, nextRawProps);
       updatePayload = [];
@@ -39812,6 +40043,35 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       updatePayload = [];
       break;
 
+    case "img":
+    case "link":
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "embed":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "source":
+    case "track":
+    case "wbr":
+    case "menuitem": {
+      if (
+        nextRawProps.children != null ||
+        nextRawProps.dangerouslySetInnerHTML != null
+      ) {
+        // TODO: Can we make this a DEV warning to avoid this deny list?
+        throw new Error(
+          tag +
+            " is a void element tag and must neither have `children` nor " +
+            "use `dangerouslySetInnerHTML`."
+        );
+      }
+    }
+    // eslint-disable-next-line no-fallthrough
+
     default:
       lastProps = lastRawProps;
       nextProps = nextRawProps;
@@ -39827,7 +40087,6 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       break;
   }
 
-  assertValidProps(tag, nextProps);
   var propKey;
   var styleName;
   var styleUpdates = null;
@@ -39841,35 +40100,67 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      var lastStyle = lastProps[propKey];
+    switch (propKey) {
+      case "style": {
+        var lastStyle = lastProps[propKey];
 
-      for (styleName in lastStyle) {
-        if (lastStyle.hasOwnProperty(styleName)) {
-          if (!styleUpdates) {
-            styleUpdates = {};
-          }
+        for (styleName in lastStyle) {
+          if (lastStyle.hasOwnProperty(styleName)) {
+            if (!styleUpdates) {
+              styleUpdates = {};
+            }
 
-          styleUpdates[styleName] = "";
+            styleUpdates[styleName] = "";
+          }
         }
+
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML || propKey === CHILDREN);
-    else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (propKey === AUTOFOCUS);
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      // This is a special case. If any listener updates we need to ensure
-      // that the "current" fiber pointer gets updated so we need a commit
-      // to update this element.
-      if (!updatePayload) {
-        updatePayload = [];
+
+      case "dangerouslySetInnerHTML":
+      case "children": {
+        // Noop. This is handled by the clear text mechanism.
+        break;
+      }
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop. It doesn't work on updates anyway.
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" fiber pointer gets updated so we need a commit
+          // to update this element.
+          if (!updatePayload) {
+            updatePayload = [];
+          }
+        } else {
+          // For all other deleted properties we add it to the queue. We use
+          // the allowed property list in the commit phase instead.
+          (updatePayload = updatePayload || []).push(propKey, null);
+        }
       }
-    } else {
-      // For all other deleted properties we add it to the queue. We use
-      // the allowed property list in the commit phase instead.
-      (updatePayload = updatePayload || []).push(propKey, null);
     }
   }
 
@@ -39885,102 +40176,179 @@ function diffProperties(domElement, tag, lastRawProps, nextRawProps) {
       continue;
     }
 
-    if (propKey === STYLE$1) {
-      {
-        if (nextProp) {
-          // Freeze the next style object so that we can assume it won't be
-          // mutated. We have already warned for this in the past.
-          Object.freeze(nextProp);
+    switch (propKey) {
+      case "style": {
+        if (nextProp != null && typeof nextProp !== "object") {
+          throw new Error(
+            "The `style` prop expects a mapping from style properties to values, " +
+              "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+              "using JSX."
+          );
         }
-      }
 
-      if (lastProp) {
-        // Unset styles on `lastProp` but not on `nextProp`.
-        for (styleName in lastProp) {
-          if (
-            lastProp.hasOwnProperty(styleName) &&
-            (!nextProp || !nextProp.hasOwnProperty(styleName))
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+        {
+          if (nextProp) {
+            // Freeze the next style object so that we can assume it won't be
+            // mutated. We have already warned for this in the past.
+            Object.freeze(nextProp);
+          }
+        }
+
+        if (lastProp) {
+          // Unset styles on `lastProp` but not on `nextProp`.
+          for (styleName in lastProp) {
+            if (
+              lastProp.hasOwnProperty(styleName) &&
+              (!nextProp || !nextProp.hasOwnProperty(styleName))
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
+
+              styleUpdates[styleName] = "";
             }
+          } // Update styles that changed since `lastProp`.
 
-            styleUpdates[styleName] = "";
-          }
-        } // Update styles that changed since `lastProp`.
+          for (styleName in nextProp) {
+            if (
+              nextProp.hasOwnProperty(styleName) &&
+              lastProp[styleName] !== nextProp[styleName]
+            ) {
+              if (!styleUpdates) {
+                styleUpdates = {};
+              }
 
-        for (styleName in nextProp) {
-          if (
-            nextProp.hasOwnProperty(styleName) &&
-            lastProp[styleName] !== nextProp[styleName]
-          ) {
-            if (!styleUpdates) {
-              styleUpdates = {};
+              styleUpdates[styleName] = nextProp[styleName];
+            }
+          }
+        } else {
+          // Relies on `updateStylesByID` not mutating `styleUpdates`.
+          if (!styleUpdates) {
+            if (!updatePayload) {
+              updatePayload = [];
             }
 
-            styleUpdates[styleName] = nextProp[styleName];
+            updatePayload.push(propKey, styleUpdates);
           }
+
+          styleUpdates = nextProp;
         }
-      } else {
-        // Relies on `updateStylesByID` not mutating `styleUpdates`.
-        if (!styleUpdates) {
-          if (!updatePayload) {
-            updatePayload = [];
+
+        break;
+      }
+
+      case "dangerouslySetInnerHTML": {
+        if (nextProp != null) {
+          if (typeof nextProp !== "object" || !("__html" in nextProp)) {
+            throw new Error(
+              "`props.dangerouslySetInnerHTML` must be in the form `{__html: ...}`. " +
+                "Please visit https://reactjs.org/link/dangerously-set-inner-html " +
+                "for more information."
+            );
           }
 
-          updatePayload.push(propKey, styleUpdates);
+          var nextHtml = nextProp.__html;
+
+          if (nextHtml != null) {
+            if (nextProps.children != null) {
+              throw new Error(
+                "Can only set one of `children` or `props.dangerouslySetInnerHTML`."
+              );
+            }
+
+            var lastHtml = lastProp ? lastProp.__html : undefined;
+
+            if (lastHtml !== nextHtml) {
+              (updatePayload = updatePayload || []).push(propKey, nextHtml);
+            }
+          }
         }
 
-        styleUpdates = nextProp;
+        break;
       }
-    } else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-      var nextHtml = nextProp ? nextProp[HTML] : undefined;
-      var lastHtml = lastProp ? lastProp[HTML] : undefined;
 
-      if (nextHtml != null) {
-        if (lastHtml !== nextHtml) {
-          (updatePayload = updatePayload || []).push(propKey, nextHtml);
+      case "children": {
+        if (typeof nextProp === "string" || typeof nextProp === "number") {
+          (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
         }
+
+        break;
       }
-    } else if (propKey === CHILDREN) {
-      if (typeof nextProp === "string" || typeof nextProp === "number") {
-        (updatePayload = updatePayload || []).push(propKey, "" + nextProp);
-      }
-    } else if (
-      propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-      propKey === SUPPRESS_HYDRATION_WARNING$1
-    );
-    else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-      if (nextProp != null) {
-        // We eagerly listen to this even though we haven't committed yet.
-        if (typeof nextProp !== "function") {
-          warnForInvalidEventListener(propKey, nextProp);
-        }
 
-        if (propKey === "onScroll") {
+      case "onScroll": {
+        if (nextProp != null) {
+          // We eagerly listen to this even though we haven't committed yet.
+          if (typeof nextProp !== "function") {
+            warnForInvalidEventListener(propKey, nextProp);
+          }
+
           listenToNonDelegatedEvent("scroll", domElement);
         }
+
+        if (!updatePayload && lastProp !== nextProp) {
+          // This is a special case. If any listener updates we need to ensure
+          // that the "current" props pointer gets updated so we need a commit
+          // to update this element.
+          updatePayload = [];
+        }
+
+        break;
       }
 
-      if (!updatePayload && lastProp !== nextProp) {
-        // This is a special case. If any listener updates we need to ensure
-        // that the "current" props pointer gets updated so we need a commit
-        // to update this element.
-        updatePayload = [];
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue": // Reserved
+
+      case "defaultChecked":
+      case "innerHTML": {
+        // Noop
+        break;
+      }
+
+      case "autoFocus": {
+        // Noop on updates
+        break;
+      }
+
+      case "innerText": // Properties
+
+      case "textContent":
+        if (enableCustomElementPropertySupport) {
+          break;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        if (registrationNameDependencies.hasOwnProperty(propKey)) {
+          if (nextProp != null) {
+            // We eagerly listen to this even though we haven't committed yet.
+            if (typeof nextProp !== "function") {
+              warnForInvalidEventListener(propKey, nextProp);
+            }
+          }
+
+          if (!updatePayload && lastProp !== nextProp) {
+            // This is a special case. If any listener updates we need to ensure
+            // that the "current" props pointer gets updated so we need a commit
+            // to update this element.
+            updatePayload = [];
+          }
+        } else {
+          // For any other property we always add it to the queue and then we
+          // filter it out using the allowed property list during the commit.
+          (updatePayload = updatePayload || []).push(propKey, nextProp);
+        }
       }
-    } else {
-      // For any other property we always add it to the queue and then we
-      // filter it out using the allowed property list during the commit.
-      (updatePayload = updatePayload || []).push(propKey, nextProp);
     }
   }
 
   if (styleUpdates) {
     {
-      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps[STYLE$1]);
+      validateShorthandPropertyCollisionInDev(styleUpdates, nextProps.style);
     }
 
-    (updatePayload = updatePayload || []).push(STYLE$1, styleUpdates);
+    (updatePayload = updatePayload || []).push("style", styleUpdates);
   }
 
   return updatePayload;
@@ -40047,6 +40415,269 @@ function getPossibleStandardName(propName) {
   }
 }
 
+function diffHydratedStyles(domElement, value) {
+  if (value != null && typeof value !== "object") {
+    throw new Error(
+      "The `style` prop expects a mapping from style properties to values, " +
+        "not a string. For example, style={{marginRight: spacing + 'em'}} when " +
+        "using JSX."
+    );
+  }
+
+  if (canDiffStyleForHydrationWarning) {
+    var expectedStyle = createDangerousStringForStyles(value);
+    var serverValue = domElement.getAttribute("style");
+
+    if (expectedStyle !== serverValue) {
+      warnForPropDifference("style", serverValue, expectedStyle);
+    }
+  }
+}
+
+function diffHydratedCustomComponent(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+
+      case "offsetParent":
+      case "offsetTop":
+      case "offsetLeft":
+      case "offsetWidth":
+      case "offsetHeight":
+      case "isContentEditable":
+      case "outerText":
+      case "outerHTML":
+        if (enableCustomElementPropertySupport) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+
+          {
+            error(
+              "Assignment to read-only property will result in a no-op: `%s`",
+              propKey
+            );
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
+      default: {
+        var ownNamespaceDev = parentNamespaceDev;
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          ownNamespaceDev = getIntrinsicNamespace(tag);
+        }
+
+        if (ownNamespaceDev === HTML_NAMESPACE) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey.toLowerCase());
+        } else {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propKey);
+        }
+
+        var serverValue = getValueForAttributeOnCustomComponent(
+          domElement,
+          propKey,
+          nextProp
+        );
+
+        if (nextProp !== serverValue) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+      }
+    }
+  }
+}
+
+function diffHydratedGenericElement(
+  domElement,
+  tag,
+  rawProps,
+  parentNamespaceDev,
+  extraAttributeNames
+) {
+  for (var propKey in rawProps) {
+    if (!rawProps.hasOwnProperty(propKey)) {
+      continue;
+    }
+
+    var nextProp = rawProps[propKey];
+
+    if (nextProp == null) {
+      continue;
+    }
+
+    if (registrationNameDependencies.hasOwnProperty(propKey)) {
+      if (typeof nextProp !== "function") {
+        warnForInvalidEventListener(propKey, nextProp);
+      }
+
+      continue;
+    }
+
+    if (rawProps.suppressHydrationWarning === true) {
+      // Don't bother comparing. We're ignoring all these warnings.
+      continue;
+    } // Validate that the properties correspond to their expected values.
+
+    switch (propKey) {
+      case "children": // Checked above already
+
+      case "suppressContentEditableWarning":
+      case "suppressHydrationWarning":
+      case "value": // Controlled attributes are not validated
+
+      case "checked": // TODO: Only ignore them on controlled tags.
+
+      case "selected":
+      case "defaultValue":
+      case "defaultChecked":
+      case "innerHTML":
+        // Noop
+        continue;
+
+      case "dangerouslySetInnerHTML":
+        var serverHTML = domElement.innerHTML;
+        var nextHtml = nextProp ? nextProp.__html : undefined;
+
+        if (nextHtml != null) {
+          var expectedHTML = normalizeHTML(domElement, nextHtml);
+
+          if (expectedHTML !== serverHTML) {
+            warnForPropDifference(propKey, serverHTML, expectedHTML);
+          }
+        }
+
+        continue;
+
+      case "style":
+        // $FlowFixMe - Should be inferred as not undefined.
+        extraAttributeNames.delete(propKey);
+        diffHydratedStyles(domElement, nextProp);
+        continue;
+      // eslint-disable-next-line no-fallthrough
+
+      default:
+        if (
+          // shouldIgnoreAttribute
+          // We have already filtered out null/undefined and reserved words.
+          propKey.length > 2 &&
+          (propKey[0] === "o" || propKey[0] === "O") &&
+          (propKey[1] === "n" || propKey[1] === "N")
+        ) {
+          continue;
+        }
+
+        var propertyInfo = getPropertyInfo(propKey);
+        var isMismatchDueToBadCasing = false;
+        var serverValue = void 0;
+
+        if (propertyInfo !== null) {
+          // $FlowFixMe - Should be inferred as not undefined.
+          extraAttributeNames.delete(propertyInfo.attributeName);
+          serverValue = getValueForProperty(
+            domElement,
+            propKey,
+            nextProp,
+            propertyInfo
+          );
+        } else {
+          var ownNamespaceDev = parentNamespaceDev;
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            ownNamespaceDev = getIntrinsicNamespace(tag);
+          }
+
+          if (ownNamespaceDev === HTML_NAMESPACE) {
+            // $FlowFixMe - Should be inferred as not undefined.
+            extraAttributeNames.delete(propKey.toLowerCase());
+          } else {
+            var standardName = getPossibleStandardName(propKey);
+
+            if (standardName !== null && standardName !== propKey) {
+              // If an SVG prop is supplied with bad casing, it will
+              // be successfully parsed from HTML, but will produce a mismatch
+              // (and would be incorrectly rendered on the client).
+              // However, we already warn about bad casing elsewhere.
+              // So we'll skip the misleading extra mismatch warning in this case.
+              isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+
+              extraAttributeNames.delete(standardName);
+            } // $FlowFixMe - Should be inferred as not undefined.
+
+            extraAttributeNames.delete(propKey);
+          }
+
+          serverValue = getValueForAttribute(domElement, propKey, nextProp);
+        }
+
+        if (nextProp !== serverValue && !isMismatchDueToBadCasing) {
+          warnForPropDifference(propKey, serverValue, nextProp);
+        }
+    }
+  }
+}
+
 function diffHydratedProperties(
   domElement,
   tag,
@@ -40055,8 +40686,6 @@ function diffHydratedProperties(
   shouldWarnDev,
   parentNamespaceDev
 ) {
-  var extraAttributeNames;
-
   {
     validatePropertiesInDevelopment(tag, rawProps);
   } // TODO: Make sure that we check isMounted before firing any of these events.
@@ -40136,35 +40765,6 @@ function diffHydratedProperties(
     listenToNonDelegatedEvent("scroll", domElement);
   }
 
-  assertValidProps(tag, rawProps);
-
-  {
-    extraAttributeNames = new Set();
-    var attributes = domElement.attributes;
-
-    for (var _i = 0; _i < attributes.length; _i++) {
-      var name = attributes[_i].name.toLowerCase();
-
-      switch (name) {
-        // Controlled attributes are not validated
-        // TODO: Only ignore them on controlled tags.
-        case "value":
-          break;
-
-        case "checked":
-          break;
-
-        case "selected":
-          break;
-
-        default:
-          // Intentionally use the original name.
-          // See discussion in https://github.com/facebook/react/pull/10676.
-          extraAttributeNames.add(attributes[_i].name);
-      }
-    }
-  }
-
   var updatePayload = null;
   var children = rawProps.children; // For text content children we compare against textContent. This
   // might match additional HTML that is hidden when we read it using
@@ -40178,7 +40778,7 @@ function diffHydratedProperties(
 
   if (typeof children === "string" || typeof children === "number") {
     if (domElement.textContent !== "" + children) {
-      if (rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true) {
+      if (rawProps.suppressHydrationWarning !== true) {
         checkForUnmatchedText(
           domElement.textContent,
           children,
@@ -40188,180 +40788,59 @@ function diffHydratedProperties(
       }
 
       if (!isConcurrentMode) {
-        updatePayload = [CHILDREN, children];
+        updatePayload = ["children", children];
       }
     }
   }
 
   if (shouldWarnDev) {
-    var isCustomComponentTag = isCustomComponent(tag, rawProps);
-
-    for (var propKey in rawProps) {
-      if (!rawProps.hasOwnProperty(propKey)) {
-        continue;
-      }
-
-      var nextProp = rawProps[propKey];
-
-      if (propKey === CHILDREN);
-      else if (registrationNameDependencies.hasOwnProperty(propKey)) {
-        if (nextProp != null) {
-          if (typeof nextProp !== "function") {
-            warnForInvalidEventListener(propKey, nextProp);
-          }
-        }
-      } else {
-        // Validate that the properties correspond to their expected values.
-        var serverValue = void 0;
-        var propertyInfo =
-          isCustomComponentTag && enableCustomElementPropertySupport
-            ? null
-            : getPropertyInfo(propKey);
-
-        if (rawProps[SUPPRESS_HYDRATION_WARNING$1] === true);
-        else if (
-          propKey === SUPPRESS_CONTENT_EDITABLE_WARNING ||
-          propKey === SUPPRESS_HYDRATION_WARNING$1 || // Controlled attributes are not validated
-          // TODO: Only ignore them on controlled tags.
-          propKey === "value" ||
-          propKey === "checked" ||
-          propKey === "selected"
-        );
-        else if (propKey === DANGEROUSLY_SET_INNER_HTML) {
-          var serverHTML = domElement.innerHTML;
-          var nextHtml = nextProp ? nextProp[HTML] : undefined;
-
-          if (nextHtml != null) {
-            var expectedHTML = normalizeHTML(domElement, nextHtml);
-
-            if (expectedHTML !== serverHTML) {
-              warnForPropDifference(propKey, serverHTML, expectedHTML);
-            }
-          }
-        } else if (propKey === STYLE$1) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey);
-
-          if (canDiffStyleForHydrationWarning) {
-            var expectedStyle = createDangerousStringForStyles(nextProp);
-            serverValue = domElement.getAttribute("style");
-
-            if (expectedStyle !== serverValue) {
-              warnForPropDifference(propKey, serverValue, expectedStyle);
-            }
-          }
-        } else if (
-          enableCustomElementPropertySupport &&
-          isCustomComponentTag &&
-          (propKey === "offsetParent" ||
-            propKey === "offsetTop" ||
-            propKey === "offsetLeft" ||
-            propKey === "offsetWidth" ||
-            propKey === "offsetHeight" ||
-            propKey === "isContentEditable" ||
-            propKey === "outerText" ||
-            propKey === "outerHTML")
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-
-          {
-            error(
-              "Assignment to read-only property will result in a no-op: `%s`",
-              propKey
-            );
-          }
-        } else if (
-          isCustomComponentTag &&
-          !enableCustomElementPropertySupport
-        ) {
-          // $FlowFixMe - Should be inferred as not undefined.
-          extraAttributeNames.delete(propKey.toLowerCase());
-          serverValue = getValueForAttribute(
-            domElement,
-            propKey,
-            nextProp,
-            isCustomComponentTag
-          );
-
-          if (nextProp !== serverValue) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        } else if (
-          !shouldIgnoreAttribute(propKey, propertyInfo, isCustomComponentTag) &&
-          !shouldRemoveAttribute(
-            propKey,
-            nextProp,
-            propertyInfo,
-            isCustomComponentTag
-          )
-        ) {
-          var isMismatchDueToBadCasing = false;
-
-          if (propertyInfo !== null) {
-            // $FlowFixMe - Should be inferred as not undefined.
-            extraAttributeNames.delete(propertyInfo.attributeName);
-            serverValue = getValueForProperty(
-              domElement,
-              propKey,
-              nextProp,
-              propertyInfo
-            );
-          } else {
-            var ownNamespaceDev = parentNamespaceDev;
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              ownNamespaceDev = getIntrinsicNamespace(tag);
-            }
-
-            if (ownNamespaceDev === HTML_NAMESPACE) {
-              // $FlowFixMe - Should be inferred as not undefined.
-              extraAttributeNames.delete(propKey.toLowerCase());
-            } else {
-              var standardName = getPossibleStandardName(propKey);
-
-              if (standardName !== null && standardName !== propKey) {
-                // If an SVG prop is supplied with bad casing, it will
-                // be successfully parsed from HTML, but will produce a mismatch
-                // (and would be incorrectly rendered on the client).
-                // However, we already warn about bad casing elsewhere.
-                // So we'll skip the misleading extra mismatch warning in this case.
-                isMismatchDueToBadCasing = true; // $FlowFixMe - Should be inferred as not undefined.
+    var extraAttributeNames = new Set();
+    var attributes = domElement.attributes;
 
-                extraAttributeNames.delete(standardName);
-              } // $FlowFixMe - Should be inferred as not undefined.
+    for (var _i = 0; _i < attributes.length; _i++) {
+      var name = attributes[_i].name.toLowerCase();
 
-              extraAttributeNames.delete(propKey);
-            }
+      switch (name) {
+        // Controlled attributes are not validated
+        // TODO: Only ignore them on controlled tags.
+        case "value":
+          break;
 
-            serverValue = getValueForAttribute(
-              domElement,
-              propKey,
-              nextProp,
-              isCustomComponentTag
-            );
-          }
+        case "checked":
+          break;
 
-          var dontWarnCustomElement =
-            enableCustomElementPropertySupport &&
-            isCustomComponentTag &&
-            (typeof nextProp === "function" || typeof nextProp === "object");
+        case "selected":
+          break;
 
-          if (
-            !dontWarnCustomElement &&
-            nextProp !== serverValue &&
-            !isMismatchDueToBadCasing
-          ) {
-            warnForPropDifference(propKey, serverValue, nextProp);
-          }
-        }
+        default:
+          // Intentionally use the original name.
+          // See discussion in https://github.com/facebook/react/pull/10676.
+          extraAttributeNames.add(attributes[_i].name);
       }
     }
 
+    if (isCustomComponent(tag, rawProps)) {
+      diffHydratedCustomComponent(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    } else {
+      diffHydratedGenericElement(
+        domElement,
+        tag,
+        rawProps,
+        parentNamespaceDev,
+        extraAttributeNames
+      );
+    }
+
     if (
       // $FlowFixMe - Should be inferred as not undefined.
       extraAttributeNames.size > 0 &&
-      rawProps[SUPPRESS_HYDRATION_WARNING$1] !== true
+      rawProps.suppressHydrationWarning !== true
     ) {
       // $FlowFixMe - Should be inferred as not undefined.
       warnForExtraAttributes(extraAttributeNames);
@@ -42664,7 +43143,11 @@ function unhideInstance(instance, props) {
     styleProp.hasOwnProperty("display")
       ? styleProp.display
       : null;
-  instance.style.display = dangerousStyleValue("display", display);
+  instance.style.display =
+    display == null || typeof display === "boolean"
+      ? "" // The value would've errored already if it wasn't safe.
+      : // eslint-disable-next-line react-internal/safe-string-coercion
+        ("" + display).trim();
 }
 function unhideTextInstance(textInstance, text) {
   textInstance.nodeValue = text;
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
index 7b2c7da7e46ea..3d4c880f5808c 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
@@ -466,60 +466,6 @@ function isAttributeNameSafe(attributeName) {
   illegalAttributeNameCache[attributeName] = !0;
   return !1;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      return !0;
-    case "boolean":
-      if (isCustomComponentTag) return !1;
-      if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
-      name = name.toLowerCase().slice(0, 5);
-      return "data-" !== name && "aria-" !== name;
-    default:
-      return !1;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (
-    null === value ||
-    "undefined" === typeof value ||
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  )
-    return !0;
-  if (isCustomComponentTag)
-    return enableCustomElementPropertySupport && !1 === value ? !0 : !1;
-  if (null !== propertyInfo) {
-    if (propertyInfo.removeEmptyString && "" === value) return !0;
-    switch (propertyInfo.type) {
-      case 3:
-        return !value;
-      case 4:
-        return !1 === value;
-      case 5:
-        return isNaN(value);
-      case 6:
-        return isNaN(value) || 1 > value;
-    }
-  }
-  return !1;
-}
 function PropertyInfoRecord(
   name,
   type,
@@ -538,16 +484,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -697,110 +634,146 @@ properties.formAction = new PropertyInfoRecord(
 });
 var isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var JSCompiler_inline_result = properties.hasOwnProperty(name)
-    ? properties[name]
-    : null;
-  var JSCompiler_inline_result$jscomp$0 =
-    null !== JSCompiler_inline_result
-      ? 0 === JSCompiler_inline_result.type
-      : isCustomComponentTag
-      ? !1
-      : !(2 < name.length) ||
-        ("o" !== name[0] && "O" !== name[0]) ||
-        ("n" !== name[1] && "N" !== name[1])
-      ? !1
-      : !0;
-  if (!JSCompiler_inline_result$jscomp$0) {
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      "o" === name[0] &&
-      "n" === name[1]
-    ) {
-      JSCompiler_inline_result$jscomp$0 = name.replace(/Capture$/, "");
-      var useCapture = name !== JSCompiler_inline_result$jscomp$0;
-      JSCompiler_inline_result$jscomp$0 =
-        JSCompiler_inline_result$jscomp$0.slice(2);
-      var prevProps = getFiberCurrentPropsFromNode(node);
-      prevProps = null != prevProps ? prevProps[name] : null;
-      "function" === typeof prevProps &&
-        node.removeEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          prevProps,
-          useCapture
-        );
-      if ("function" === typeof value) {
-        "function" !== typeof prevProps &&
-          null !== prevProps &&
-          (name in node
-            ? (node[name] = null)
-            : node.hasAttribute(name) && node.removeAttribute(name));
-        node.addEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          value,
-          useCapture
+function setValueForProperty(node, name, value) {
+  if (
+    !(2 < name.length) ||
+    ("o" !== name[0] && "O" !== name[0]) ||
+    ("n" !== name[1] && "N" !== name[1])
+  ) {
+    var JSCompiler_inline_result = properties.hasOwnProperty(name)
+      ? properties[name]
+      : null;
+    if (null !== JSCompiler_inline_result)
+      if (JSCompiler_inline_result.mustUseProperty)
+        node[JSCompiler_inline_result.propertyName] =
+          value && "function" !== typeof value && "symbol" !== typeof value;
+      else if (
+        ((name = JSCompiler_inline_result.attributeName), null === value)
+      )
+        node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (!JSCompiler_inline_result.acceptsBooleans) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        if (JSCompiler_inline_result.removeEmptyString && "" === value)
+          node.removeAttribute(name);
+        else
+          switch (JSCompiler_inline_result.type) {
+            case 3:
+              value ? node.setAttribute(name, "") : node.removeAttribute(name);
+              break;
+            case 4:
+              !0 === value
+                ? node.setAttribute(name, "")
+                : !1 === value
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 5:
+              isNaN(value)
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 6:
+              !isNaN(value) && 1 <= value
+                ? node.setAttribute(name, value)
+                : node.removeAttribute(name);
+              break;
+            default:
+              value = enableTrustedTypesIntegration ? value : "" + value;
+              if (
+                JSCompiler_inline_result.sanitizeURL &&
+                isJavaScriptProtocol.test(value.toString())
+              )
+                throw Error(formatProdErrorMessage(323));
+              (JSCompiler_inline_result =
+                JSCompiler_inline_result.attributeNamespace)
+                ? node.setAttributeNS(JSCompiler_inline_result, name, value)
+                : node.setAttribute(name, value);
+          }
+      }
+    else if (isAttributeNameSafe(name))
+      if (null === value) node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (
+              ((JSCompiler_inline_result = name.toLowerCase().slice(0, 5)),
+              "data-" !== JSCompiler_inline_result &&
+                "aria-" !== JSCompiler_inline_result)
+            ) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        node.setAttribute(
+          name,
+          enableTrustedTypesIntegration ? value : "" + value
         );
-        return;
       }
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
+  if (
+    enableCustomElementPropertySupport &&
+    "o" === name[0] &&
+    "n" === name[1]
+  ) {
+    var useCapture = name.endsWith("Capture"),
+      eventName = name.substr(2, useCapture ? name.length - 9 : void 0),
+      prevProps = getFiberCurrentPropsFromNode(node);
+    prevProps = null != prevProps ? prevProps[name] : null;
+    "function" === typeof prevProps &&
+      node.removeEventListener(eventName, prevProps, useCapture);
+    if ("function" === typeof value) {
+      "function" !== typeof prevProps &&
+        null !== prevProps &&
+        (name in node
+          ? (node[name] = null)
+          : node.hasAttribute(name) && node.removeAttribute(name));
+      node.addEventListener(eventName, value, useCapture);
+      return;
     }
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      name in node
-    )
-      node[name] = value;
-    else if (
-      (shouldRemoveAttribute(
-        name,
-        value,
-        JSCompiler_inline_result,
-        isCustomComponentTag
-      ) && (value = null),
-      enableCustomElementPropertySupport &&
-        isCustomComponentTag &&
-        !0 === value &&
-        (value = ""),
-      isCustomComponentTag || null === JSCompiler_inline_result)
-    )
-      isAttributeNameSafe(name) &&
-        (null === value
-          ? node.removeAttribute(name)
-          : node.setAttribute(
-              name,
-              enableTrustedTypesIntegration ? value : "" + value
-            ));
-    else if (JSCompiler_inline_result.mustUseProperty)
-      node[JSCompiler_inline_result.propertyName] =
-        null === value
-          ? 3 === JSCompiler_inline_result.type
-            ? !1
-            : ""
-          : value;
-    else if (
-      ((name = JSCompiler_inline_result.attributeName),
-      (isCustomComponentTag = JSCompiler_inline_result.attributeNamespace),
-      null === value)
-    )
-      node.removeAttribute(name);
+  }
+  if (enableCustomElementPropertySupport && name in node) node[name] = value;
+  else if (isAttributeNameSafe(name))
+    if (null === value) node.removeAttribute(name);
     else {
-      JSCompiler_inline_result$jscomp$0 = JSCompiler_inline_result.type;
-      if (
-        3 === JSCompiler_inline_result$jscomp$0 ||
-        (4 === JSCompiler_inline_result$jscomp$0 && !0 === value)
-      )
-        value = "";
-      else if (
-        ((value = enableTrustedTypesIntegration ? value : "" + value),
-        JSCompiler_inline_result.sanitizeURL &&
-          isJavaScriptProtocol.test(value.toString()))
-      )
-        throw Error(formatProdErrorMessage(323));
-      isCustomComponentTag
-        ? node.setAttributeNS(isCustomComponentTag, name, value)
-        : node.setAttribute(name, value);
+      switch (typeof value) {
+        case "undefined":
+        case "function":
+        case "symbol":
+          node.removeAttribute(name);
+          return;
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (!0 === value) {
+              node.setAttribute(name, "");
+              return;
+            }
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
     }
-  }
 }
 var prefix;
 function describeBuiltInComponentFrame(name) {
@@ -841,16 +814,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$4) {
-          control = x$4;
+        } catch (x$2) {
+          control = x$2;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$5) {
-        control = x$5;
+      } catch (x$3) {
+        control = x$3;
       }
       fn();
     }
@@ -1031,7 +1004,7 @@ function initWrapperState$2(element, props) {
 }
 function updateChecked(element, props) {
   props = props.checked;
-  null != props && setValueForProperty(element, "checked", props, !1);
+  null != props && (element.checked = props);
 }
 function updateWrapper$1(element, props) {
   updateChecked(element, props);
@@ -1284,71 +1257,30 @@ Object.keys(isUnitlessNumber).forEach(function (prop) {
     isUnitlessNumber[prefix] = isUnitlessNumber[prop];
   });
 });
-function dangerousStyleValue(name, value, isCustomProperty) {
-  return null == value || "boolean" === typeof value || "" === value
-    ? ""
-    : isCustomProperty ||
-      "number" !== typeof value ||
-      0 === value ||
-      (isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-    ? ("" + value).trim()
-    : value + "px";
-}
 function setValueForStyles(node, styles) {
   node = node.style;
   for (var styleName in styles)
     if (styles.hasOwnProperty(styleName)) {
-      var isCustomProperty = 0 === styleName.indexOf("--"),
-        styleValue = dangerousStyleValue(
-          styleName,
-          styles[styleName],
-          isCustomProperty
-        );
-      "float" === styleName && (styleName = "cssFloat");
-      isCustomProperty
-        ? node.setProperty(styleName, styleValue)
-        : (node[styleName] = styleValue);
+      var value = styles[styleName],
+        isCustomProperty = 0 === styleName.indexOf("--");
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? node.setProperty(styleName, "")
+          : "float" === styleName
+          ? (node.cssFloat = "")
+          : (node[styleName] = "")
+        : isCustomProperty
+        ? node.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          (isUnitlessNumber.hasOwnProperty(styleName) &&
+            isUnitlessNumber[styleName])
+        ? "float" === styleName
+          ? (node.cssFloat = value)
+          : (node[styleName] = ("" + value).trim())
+        : (node[styleName] = value + "px");
     }
 }
-var voidElementTags = assign(
-  { menuitem: !0 },
-  {
-    area: !0,
-    base: !0,
-    br: !0,
-    col: !0,
-    embed: !0,
-    hr: !0,
-    img: !0,
-    input: !0,
-    keygen: !0,
-    link: !0,
-    meta: !0,
-    param: !0,
-    source: !0,
-    track: !0,
-    wbr: !0
-  }
-);
-function assertValidProps(tag, props) {
-  if (props) {
-    if (
-      voidElementTags[tag] &&
-      (null != props.children || null != props.dangerouslySetInnerHTML)
-    )
-      throw Error(formatProdErrorMessage(137, tag));
-    if (null != props.dangerouslySetInnerHTML) {
-      if (null != props.children) throw Error(formatProdErrorMessage(60));
-      if (
-        "object" !== typeof props.dangerouslySetInnerHTML ||
-        !("__html" in props.dangerouslySetInnerHTML)
-      )
-        throw Error(formatProdErrorMessage(61));
-    }
-    if (null != props.style && "object" !== typeof props.style)
-      throw Error(formatProdErrorMessage(62));
-  }
-}
 function isCustomComponent(tagName, props) {
   if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
   switch (tagName) {
@@ -1394,6 +1326,8 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -1404,12 +1338,16 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "source":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
     case "img":
-    case "image":
     case "link":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
+    case "image":
       listenToNonDelegatedEvent("error", domElement);
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
@@ -1419,6 +1357,8 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "input":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
@@ -1436,45 +1376,81 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = getHostProps(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
       break;
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
     default:
       props = rawProps;
   }
-  assertValidProps(tag, props);
   var nextProps = props,
     propKey;
   for (propKey in nextProps)
     if (nextProps.hasOwnProperty(propKey)) {
       var nextProp = nextProps[propKey];
-      "style" === propKey
-        ? setValueForStyles(domElement, nextProp)
-        : "dangerouslySetInnerHTML" === propKey
-        ? ((nextProp = nextProp ? nextProp.__html : void 0),
-          null != nextProp &&
-            (disableIEWorkarounds
-              ? (domElement.innerHTML = nextProp)
-              : setInnerHTML$1(domElement, nextProp)))
-        : "children" === propKey
-        ? "string" === typeof nextProp
-          ? "body" === tag ||
-            ("textarea" === tag && "" === nextProp) ||
-            setTextContent(domElement, nextProp)
-          : "number" === typeof nextProp &&
-            "body" !== tag &&
-            setTextContent(domElement, "" + nextProp)
-        : "suppressContentEditableWarning" !== propKey &&
-          "suppressHydrationWarning" !== propKey &&
-          "autoFocus" !== propKey &&
-          (registrationNameDependencies.hasOwnProperty(propKey)
-            ? null != nextProp &&
-              "onScroll" === propKey &&
-              listenToNonDelegatedEvent("scroll", domElement)
-            : null != nextProp &&
-              setValueForProperty(
-                domElement,
-                propKey,
-                nextProp,
-                isCustomComponentTag
-              ));
+      switch (propKey) {
+        case "style":
+          if (null != nextProp && "object" !== typeof nextProp)
+            throw Error(formatProdErrorMessage(62));
+          setValueForStyles(domElement, nextProp);
+          break;
+        case "dangerouslySetInnerHTML":
+          if (null != nextProp) {
+            if ("object" !== typeof nextProp || !("__html" in nextProp))
+              throw Error(formatProdErrorMessage(61));
+            nextProp = nextProp.__html;
+            if (null != nextProp) {
+              if (null != nextProps.children)
+                throw Error(formatProdErrorMessage(60));
+              disableIEWorkarounds
+                ? (domElement.innerHTML = nextProp)
+                : setInnerHTML$1(domElement, nextProp);
+            }
+          }
+          break;
+        case "children":
+          "string" === typeof nextProp
+            ? "body" === tag ||
+              ("textarea" === tag && "" === nextProp) ||
+              setTextContent(domElement, nextProp)
+            : "number" === typeof nextProp &&
+              "body" !== tag &&
+              setTextContent(domElement, "" + nextProp);
+          break;
+        case "onScroll":
+          null != nextProp && listenToNonDelegatedEvent("scroll", domElement);
+          break;
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+          break;
+        case "autoFocus":
+          break;
+        case "innerText":
+        case "textContent":
+          if (enableCustomElementPropertySupport) break;
+        default:
+          registrationNameDependencies.hasOwnProperty(propKey) ||
+            (null != nextProp &&
+              (isCustomComponentTag
+                ? setValueForPropertyOnCustomComponent(
+                    domElement,
+                    propKey,
+                    nextProp
+                  )
+                : setValueForProperty(domElement, propKey, nextProp)));
+      }
     }
   switch (tag) {
     case "input":
@@ -1522,15 +1498,23 @@ function updateProperties(
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i],
       propValue = updatePayload[i + 1];
-    "style" === propKey
-      ? setValueForStyles(domElement, propValue)
-      : "dangerouslySetInnerHTML" === propKey
-      ? disableIEWorkarounds
-        ? (domElement.innerHTML = propValue)
-        : setInnerHTML$1(domElement, propValue)
-      : "children" === propKey
-      ? setTextContent(domElement, propValue)
-      : setValueForProperty(domElement, propKey, propValue, lastRawProps);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+      case "dangerouslySetInnerHTML":
+        disableIEWorkarounds
+          ? (domElement.innerHTML = propValue)
+          : setInnerHTML$1(domElement, propValue);
+        break;
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+      default:
+        lastRawProps
+          ? setValueForPropertyOnCustomComponent(domElement, propKey, propValue)
+          : setValueForProperty(domElement, propKey, propValue);
+    }
   }
   switch (tag) {
     case "input":
@@ -1912,12 +1896,12 @@ function markStarvedLanesAsExpired(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$12 = 31 - clz32(lanes),
-      lane = 1 << index$12,
-      expirationTime = expirationTimes[index$12];
+    var index$10 = 31 - clz32(lanes),
+      lane = 1 << index$10,
+      expirationTime = expirationTimes[index$10];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$12] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$10] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -1967,19 +1951,19 @@ function markRootFinished(root, remainingLanes) {
   var eventTimes = root.eventTimes,
     expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$14 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$14;
-    remainingLanes[index$14] = 0;
-    eventTimes[index$14] = -1;
-    expirationTimes[index$14] = -1;
-    var hiddenUpdatesForLane = root[index$14];
+    var index$12 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$12;
+    remainingLanes[index$12] = 0;
+    eventTimes[index$12] = -1;
+    expirationTimes[index$12] = -1;
+    var hiddenUpdatesForLane = root[index$12];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$14] = null, index$14 = 0;
-        index$14 < hiddenUpdatesForLane.length;
-        index$14++
+        root[index$12] = null, index$12 = 0;
+        index$12 < hiddenUpdatesForLane.length;
+        index$12++
       ) {
-        var update = hiddenUpdatesForLane[index$14];
+        var update = hiddenUpdatesForLane[index$12];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -1988,21 +1972,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$15 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$15;
-    (lane & entangledLanes) | (root[index$15] & entangledLanes) &&
-      (root[index$15] |= entangledLanes);
+    var index$13 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$13;
+    (lane & entangledLanes) | (root[index$13] & entangledLanes) &&
+      (root[index$13] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$17 = 31 - clz32(lanes),
-      lane = 1 << index$17;
-    index$17 = root.transitionLanes[index$17];
-    null !== index$17 &&
-      index$17.forEach(function (transition) {
+    var index$15 = 31 - clz32(lanes),
+      lane = 1 << index$15;
+    index$15 = root.transitionLanes[index$15];
+    null !== index$15 &&
+      index$15.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -2012,10 +1996,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$18 = 31 - clz32(lanes),
-        lane = 1 << index$18;
-      null !== root.transitionLanes[index$18] &&
-        (root.transitionLanes[index$18] = null);
+      var index$16 = 31 - clz32(lanes),
+        lane = 1 << index$16;
+      null !== root.transitionLanes[index$16] &&
+        (root.transitionLanes[index$16] = null);
       lanes &= ~lane;
     }
 }
@@ -2442,7 +2426,6 @@ function prepareToHydrateHostInstance(fiber) {
   }
   props.hasOwnProperty("onScroll") &&
     listenToNonDelegatedEvent("scroll", instance);
-  assertValidProps(type, props);
   i = null;
   var children = props.children;
   if (
@@ -3944,10 +3927,10 @@ createFunctionComponentUpdateQueue = function () {
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
     if ("function" === typeof usable.then) {
-      var index$46 = thenableIndexCounter;
+      var index$44 = thenableIndexCounter;
       thenableIndexCounter += 1;
       null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$46);
+      usable = trackUsedThenable(thenableState, usable, index$44);
       null === currentlyRenderingFiber$1.alternate &&
         (null === workInProgressHook
           ? null === currentlyRenderingFiber$1.memoizedState
@@ -4439,16 +4422,16 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$52 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$52) {
+        var root$50 = enqueueUpdate(provider, fiber, lane);
+        if (null !== root$50) {
           var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$52, provider, lane, eventTime);
-          entangleTransitions(root$52, provider, lane);
+          scheduleUpdateOnFiber(root$50, provider, lane, eventTime);
+          entangleTransitions(root$50, provider, lane);
         }
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$52 &&
+          null !== root$50 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4655,15 +4638,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$48 = workInProgressRoot;
-      if (null === root$48) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$48, renderLanes$1) ||
+      var root$46 = workInProgressRoot;
+      if (null === root$46) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$46, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$48 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$48;
-    mountEffect(subscribeToStore.bind(null, fiber, root$48, subscribe), [
+    root$46 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$46;
+    mountEffect(subscribeToStore.bind(null, fiber, root$46, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4672,7 +4655,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$48,
+        root$46,
         getServerSnapshot,
         getSnapshot
       ),
@@ -5171,10 +5154,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$63 = workInProgress.stateNode;
+      root$61 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$63.incompleteTransitions.has(transition)) {
+        if (!root$61.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -5182,11 +5165,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$63.incompleteTransitions.set(transition, markerInstance);
+          root$61.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$63.incompleteTransitions.forEach(function (markerInstance) {
+    root$61.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5886,14 +5869,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$70 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$70)
+    var dehydrated$68 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$68)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$70,
+        dehydrated$68,
         JSCompiler_temp,
         renderLanes
       );
@@ -5903,7 +5886,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$70 = JSCompiler_temp.sibling;
+    dehydrated$68 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5912,8 +5895,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$70
-      ? (showFallback = createWorkInProgress(dehydrated$70, showFallback))
+    null !== dehydrated$68
+      ? (showFallback = createWorkInProgress(dehydrated$68, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5932,10 +5915,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$70 = CacheContext._currentValue),
+          ? ((dehydrated$68 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$70
-                ? { parent: dehydrated$70, pool: dehydrated$70 }
+              JSCompiler_temp.parent !== dehydrated$68
+                ? { parent: dehydrated$68, pool: dehydrated$68 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5949,23 +5932,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$70 = showFallback.updateQueue),
+        (dehydrated$68 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$70
+        null === dehydrated$68
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$70 === primaryChildProps
+          : dehydrated$68 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$70.transitions = didSuspend),
-            (dehydrated$70.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$68.transitions = didSuspend),
+            (dehydrated$68.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6933,110 +6916,168 @@ function updateHostComponent(current, workInProgress, type, newProps) {
     var updatePayload = null;
     switch (type) {
       case "input":
-        oldProps = getHostProps$2(current, oldProps);
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
+        type = getHostProps$2(current, oldProps);
         newProps = getHostProps$2(current, newProps);
         updatePayload = [];
         break;
       case "select":
-        oldProps = assign({}, oldProps, { value: void 0 });
+        type = assign({}, oldProps, { value: void 0 });
         newProps = assign({}, newProps, { value: void 0 });
         updatePayload = [];
         break;
       case "textarea":
-        oldProps = getHostProps(current, oldProps);
+        type = getHostProps(current, oldProps);
         newProps = getHostProps(current, newProps);
         updatePayload = [];
         break;
+      case "img":
+      case "link":
+      case "area":
+      case "base":
+      case "br":
+      case "col":
+      case "embed":
+      case "hr":
+      case "keygen":
+      case "meta":
+      case "param":
+      case "source":
+      case "track":
+      case "wbr":
+      case "menuitem":
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
       default:
-        "function" !== typeof oldProps.onClick &&
-          "function" === typeof newProps.onClick &&
-          (current.onclick = noop$1);
+        (type = oldProps),
+          "function" !== typeof type.onClick &&
+            "function" === typeof newProps.onClick &&
+            (current.onclick = noop$1);
     }
-    assertValidProps(type, newProps);
     var styleName;
-    type = null;
-    for (JSCompiler_inline_result in oldProps)
+    oldProps = null;
+    for (JSCompiler_inline_result in type)
       if (
         !newProps.hasOwnProperty(JSCompiler_inline_result) &&
-        oldProps.hasOwnProperty(JSCompiler_inline_result) &&
-        null != oldProps[JSCompiler_inline_result]
+        type.hasOwnProperty(JSCompiler_inline_result) &&
+        null != type[JSCompiler_inline_result]
       )
-        if ("style" === JSCompiler_inline_result) {
-          var lastStyle = oldProps[JSCompiler_inline_result];
-          for (styleName in lastStyle)
-            lastStyle.hasOwnProperty(styleName) &&
-              (type || (type = {}), (type[styleName] = ""));
-        } else
-          "dangerouslySetInnerHTML" !== JSCompiler_inline_result &&
-            "children" !== JSCompiler_inline_result &&
-            "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-            "suppressHydrationWarning" !== JSCompiler_inline_result &&
-            "autoFocus" !== JSCompiler_inline_result &&
-            (registrationNameDependencies.hasOwnProperty(
+        switch (JSCompiler_inline_result) {
+          case "style":
+            var lastStyle = type[JSCompiler_inline_result];
+            for (styleName in lastStyle)
+              lastStyle.hasOwnProperty(styleName) &&
+                (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+            break;
+          case "dangerouslySetInnerHTML":
+          case "children":
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
               JSCompiler_inline_result
             )
               ? updatePayload || (updatePayload = [])
               : (updatePayload = updatePayload || []).push(
                   JSCompiler_inline_result,
                   null
-                ));
+                );
+        }
     for (JSCompiler_inline_result in newProps) {
       var nextProp = newProps[JSCompiler_inline_result];
-      lastStyle =
-        null != oldProps ? oldProps[JSCompiler_inline_result] : void 0;
+      lastStyle = null != type ? type[JSCompiler_inline_result] : void 0;
       if (
         newProps.hasOwnProperty(JSCompiler_inline_result) &&
         nextProp !== lastStyle &&
         (null != nextProp || null != lastStyle)
       )
-        if ("style" === JSCompiler_inline_result)
-          if (lastStyle) {
-            for (styleName in lastStyle)
-              !lastStyle.hasOwnProperty(styleName) ||
-                (nextProp && nextProp.hasOwnProperty(styleName)) ||
-                (type || (type = {}), (type[styleName] = ""));
-            for (styleName in nextProp)
-              nextProp.hasOwnProperty(styleName) &&
-                lastStyle[styleName] !== nextProp[styleName] &&
-                (type || (type = {}), (type[styleName] = nextProp[styleName]));
-          } else
-            type ||
-              (updatePayload || (updatePayload = []),
-              updatePayload.push(JSCompiler_inline_result, type)),
-              (type = nextProp);
-        else
-          "dangerouslySetInnerHTML" === JSCompiler_inline_result
-            ? ((nextProp = nextProp ? nextProp.__html : void 0),
-              (lastStyle = lastStyle ? lastStyle.__html : void 0),
-              null != nextProp &&
-                lastStyle !== nextProp &&
-                (updatePayload = updatePayload || []).push(
-                  JSCompiler_inline_result,
-                  nextProp
-                ))
-            : "children" === JSCompiler_inline_result
-            ? ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
+        switch (JSCompiler_inline_result) {
+          case "style":
+            if (null != nextProp && "object" !== typeof nextProp)
+              throw Error(formatProdErrorMessage(62));
+            if (lastStyle) {
+              for (styleName in lastStyle)
+                !lastStyle.hasOwnProperty(styleName) ||
+                  (nextProp && nextProp.hasOwnProperty(styleName)) ||
+                  (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+              for (styleName in nextProp)
+                nextProp.hasOwnProperty(styleName) &&
+                  lastStyle[styleName] !== nextProp[styleName] &&
+                  (oldProps || (oldProps = {}),
+                  (oldProps[styleName] = nextProp[styleName]));
+            } else
+              oldProps ||
+                (updatePayload || (updatePayload = []),
+                updatePayload.push(JSCompiler_inline_result, oldProps)),
+                (oldProps = nextProp);
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != nextProp) {
+              if ("object" !== typeof nextProp || !("__html" in nextProp))
+                throw Error(formatProdErrorMessage(61));
+              nextProp = nextProp.__html;
+              if (null != nextProp) {
+                if (null != newProps.children)
+                  throw Error(formatProdErrorMessage(60));
+                (lastStyle ? lastStyle.__html : void 0) !== nextProp &&
+                  (updatePayload = updatePayload || []).push(
+                    JSCompiler_inline_result,
+                    nextProp
+                  );
+              }
+            }
+            break;
+          case "children":
+            ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
               (updatePayload = updatePayload || []).push(
                 JSCompiler_inline_result,
                 "" + nextProp
-              )
-            : "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-              "suppressHydrationWarning" !== JSCompiler_inline_result &&
-              (registrationNameDependencies.hasOwnProperty(
-                JSCompiler_inline_result
-              )
-                ? (null != nextProp &&
-                    "onScroll" === JSCompiler_inline_result &&
-                    listenToNonDelegatedEvent("scroll", current),
-                  updatePayload ||
-                    lastStyle === nextProp ||
-                    (updatePayload = []))
-                : (updatePayload = updatePayload || []).push(
-                    JSCompiler_inline_result,
-                    nextProp
-                  ));
+              );
+            break;
+          case "onScroll":
+            null != nextProp && listenToNonDelegatedEvent("scroll", current);
+            updatePayload || lastStyle === nextProp || (updatePayload = []);
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
+              JSCompiler_inline_result
+            )
+              ? updatePayload || lastStyle === nextProp || (updatePayload = [])
+              : (updatePayload = updatePayload || []).push(
+                  JSCompiler_inline_result,
+                  nextProp
+                );
+        }
     }
-    type && (updatePayload = updatePayload || []).push("style", type);
+    oldProps && (updatePayload = updatePayload || []).push("style", oldProps);
     var JSCompiler_inline_result = updatePayload;
     (workInProgress.updateQueue = JSCompiler_inline_result) &&
       markUpdate(workInProgress);
@@ -7065,14 +7106,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$101 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$101 = lastTailNode),
+        for (var lastTailNode$99 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$99 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$101
+        null === lastTailNode$99
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$101.sibling = null);
+          : (lastTailNode$99.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -7082,19 +7123,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags & 31457280),
-        (subtreeFlags |= child$102.flags & 31457280),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (var child$100 = completedWork.child; null !== child$100; )
+      (newChildLanes |= child$100.lanes | child$100.childLanes),
+        (subtreeFlags |= child$100.subtreeFlags & 31457280),
+        (subtreeFlags |= child$100.flags & 31457280),
+        (child$100.return = completedWork),
+        (child$100 = child$100.sibling);
   else
-    for (child$102 = completedWork.child; null !== child$102; )
-      (newChildLanes |= child$102.lanes | child$102.childLanes),
-        (subtreeFlags |= child$102.subtreeFlags),
-        (subtreeFlags |= child$102.flags),
-        (child$102.return = completedWork),
-        (child$102 = child$102.sibling);
+    for (child$100 = completedWork.child; null !== child$100; )
+      (newChildLanes |= child$100.lanes | child$100.childLanes),
+        (subtreeFlags |= child$100.subtreeFlags),
+        (subtreeFlags |= child$100.flags),
+        (child$100.return = completedWork),
+        (child$100 = child$100.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7812,8 +7853,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$131) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$131);
+      } catch (error$129) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$129);
       }
     else ref.current = null;
 }
@@ -8113,11 +8154,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$133) {
+          } catch (error$131) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$133
+              error$131
             );
           }
         }
@@ -8791,8 +8832,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$146) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
+        } catch (error$144) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
         }
       }
       break;
@@ -8970,11 +9011,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$147) {
+          } catch (error$145) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$147
+              error$145
             );
           }
       break;
@@ -9010,8 +9051,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$148) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
+        } catch (error$146) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
         }
       }
       if (
@@ -9028,8 +9069,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         try {
           updateProperties(flags, maybeNodes, hoistableRoot, current, root),
             (flags[internalPropsKey] = root);
-        } catch (error$151) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
+        } catch (error$149) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
         }
       break;
     case 6:
@@ -9042,8 +9083,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$152) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$152);
+        } catch (error$150) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
         }
       }
       break;
@@ -9057,8 +9098,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
       break;
     case 4:
@@ -9088,8 +9129,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$155) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$155);
+        } catch (error$153) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -9151,10 +9192,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         nextNode.hasOwnProperty("display")
                           ? nextNode.display
                           : null),
-                      (i.style.display = dangerousStyleValue(
-                        "display",
-                        nodeName
-                      )));
+                      (i.style.display =
+                        null == nodeName || "boolean" === typeof nodeName
+                          ? ""
+                          : ("" + nodeName).trim()));
               } catch (error) {
                 captureCommitPhaseError(
                   finishedWork,
@@ -9167,11 +9208,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$136) {
+              } catch (error$134) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$136
+                  error$134
                 );
               }
           } else if (
@@ -9246,21 +9287,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$137 = JSCompiler_inline_result.stateNode;
+            var parent$135 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$137, ""),
+              (setTextContent(parent$135, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$138 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$138, parent$137);
+            var before$136 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$136, parent$135);
             break;
           case 3:
           case 4:
-            var parent$139 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$140 = getHostSibling(finishedWork);
+            var parent$137 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$138 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$140,
-              parent$139
+              before$138,
+              parent$137
             );
             break;
           default:
@@ -9730,9 +9771,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$165 = finishedWork.stateNode;
+        var instance$163 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$165._visibility & 4
+          ? instance$163._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9745,7 +9786,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$165._visibility |= 4),
+            : ((instance$163._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9753,7 +9794,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$165._visibility |= 4),
+          : ((instance$163._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9766,7 +9807,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$165
+            instance$163
           );
         break;
       case 24:
@@ -10379,11 +10420,11 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
         enableTransitionTracing)
       ) {
         var transitionLanesMap = root.transitionLanes,
-          index$16 = 31 - clz32(lane),
-          transitions = transitionLanesMap[index$16];
+          index$14 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$14];
         null === transitions && (transitions = new Set());
         transitions.add(transition);
-        transitionLanesMap[index$16] = transitions;
+        transitionLanesMap[index$14] = transitions;
       }
     }
     if (root === workInProgressRoot) {
@@ -10506,16 +10547,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$175 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$173 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$175 &&
-            ((lanes = errorRetryLanes$175),
+          0 !== errorRetryLanes$173 &&
+            ((lanes = errorRetryLanes$173),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$175
+              errorRetryLanes$173
             )));
         }
         if (1 === exitStatus)
@@ -10564,14 +10605,14 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           exitStatus = lanes;
           errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$175 = -1; 0 < exitStatus; ) {
-            var index$11 = 31 - clz32(exitStatus),
-              lane = 1 << index$11;
-            index$11 = errorRetryLanes[index$11];
-            index$11 > errorRetryLanes$175 && (errorRetryLanes$175 = index$11);
+          for (errorRetryLanes$173 = -1; 0 < exitStatus; ) {
+            var index$9 = 31 - clz32(exitStatus),
+              lane = 1 << index$9;
+            index$9 = errorRetryLanes[index$9];
+            index$9 > errorRetryLanes$173 && (errorRetryLanes$173 = index$9);
             exitStatus &= ~lane;
           }
-          exitStatus = errorRetryLanes$175;
+          exitStatus = errorRetryLanes$173;
           exitStatus = now() - exitStatus;
           exitStatus =
             (120 > exitStatus
@@ -10693,9 +10734,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$13 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$13;
-    root[index$13] = -1;
+    var index$11 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$11;
+    root[index$11] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10903,8 +10944,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$178) {
-      handleThrow(root, thrownValue$178);
+    } catch (thrownValue$176) {
+      handleThrow(root, thrownValue$176);
     }
   while (1);
   resetContextDependencies();
@@ -11010,8 +11051,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$180) {
-      handleThrow(root, thrownValue$180);
+    } catch (thrownValue$178) {
+      handleThrow(root, thrownValue$178);
     }
   while (1);
   resetContextDependencies();
@@ -11166,10 +11207,10 @@ function unwindSuspendedUnitOfWork(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$58 = offscreenQueue.retryQueue;
-                      null === retryQueue$58
+                      var retryQueue$56 = offscreenQueue.retryQueue;
+                      null === retryQueue$56
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$58.add(wakeable);
+                        : retryQueue$56.add(wakeable);
                     }
                   }
                   break;
@@ -11351,12 +11392,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$183 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$181 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$183 &&
+    shouldFireAfterActiveInstanceBlur$181 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11435,7 +11476,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$184 = rootWithPendingPassiveEffects,
+    var root$182 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11451,7 +11492,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$184, remainingLanes);
+        releaseRootPooledCache(root$182, remainingLanes);
     }
   }
   return !1;
@@ -12758,12 +12799,12 @@ function getPublicRootInstance(container) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$186 = fiber.stateNode;
-      if (root$186.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$186.pendingLanes);
+      var root$184 = fiber.stateNode;
+      if (root$184.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$184.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$186, lanes | 2),
-          ensureRootIsScheduled(root$186, now()),
+          (markRootEntangled(root$184, lanes | 2),
+          ensureRootIsScheduled(root$184, now()),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncCallbacks()));
@@ -12882,11 +12923,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function () {
-        var instance = getPublicRootInstance(root$187);
+        var instance = getPublicRootInstance(root$185);
         originalCallback.call(instance);
       };
     }
-    var root$187 = createHydrationContainer(
+    var root$185 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -12898,23 +12939,23 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$187;
-    container[internalContainerInstanceKey] = root$187.current;
+    container._reactRootContainer = root$185;
+    container[internalContainerInstanceKey] = root$185.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync$1();
-    return root$187;
+    return root$185;
   }
   clearContainer(container);
   if ("function" === typeof callback) {
-    var originalCallback$188 = callback;
+    var originalCallback$186 = callback;
     callback = function () {
-      var instance = getPublicRootInstance(root$189);
-      originalCallback$188.call(instance);
+      var instance = getPublicRootInstance(root$187);
+      originalCallback$186.call(instance);
     };
   }
-  var root$189 = createFiberRoot(
+  var root$187 = createFiberRoot(
     container,
     0,
     !1,
@@ -12926,15 +12967,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$189;
-  container[internalContainerInstanceKey] = root$189.current;
+  container._reactRootContainer = root$187;
+  container[internalContainerInstanceKey] = root$187.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync$1(function () {
-    updateContainer(initialChildren, root$189, parentComponent, callback);
+    updateContainer(initialChildren, root$187, parentComponent, callback);
   });
-  return root$189;
+  return root$187;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -13053,17 +13094,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1646 = {
+var devToolsConfig$jscomp$inline_1639 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-ca4ffb9c",
+  version: "18.3.0-www-classic-5ff0222e",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2205 = {
-  bundleType: devToolsConfig$jscomp$inline_1646.bundleType,
-  version: devToolsConfig$jscomp$inline_1646.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1646.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1646.rendererConfig,
+var internals$jscomp$inline_2197 = {
+  bundleType: devToolsConfig$jscomp$inline_1639.bundleType,
+  version: devToolsConfig$jscomp$inline_1639.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1639.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1639.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -13079,26 +13120,26 @@ var internals$jscomp$inline_2205 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1646.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1639.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-ca4ffb9c"
+  reconcilerVersion: "18.3.0-www-classic-5ff0222e"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2206 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2198 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2206.isDisabled &&
-    hook$jscomp$inline_2206.supportsFiber
+    !hook$jscomp$inline_2198.isDisabled &&
+    hook$jscomp$inline_2198.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2206.inject(
-        internals$jscomp$inline_2205
+      (rendererID = hook$jscomp$inline_2198.inject(
+        internals$jscomp$inline_2197
       )),
-        (injectedHook = hook$jscomp$inline_2206);
+        (injectedHook = hook$jscomp$inline_2198);
     } catch (err) {}
 }
 var Dispatcher = Internals.Dispatcher,
@@ -13217,12 +13258,12 @@ function preinit(href, options) {
       switch (as) {
         case "style":
           as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$194 = getStyleKey(href),
+          var key$192 = getStyleKey(href),
             precedence = options.precedence || "default",
-            resource = as.get(key$194);
+            resource = as.get(key$192);
           if (resource) break;
           resource = resourceRoot.querySelector(
-            getStylesheetSelectorFromKey(key$194)
+            getStylesheetSelectorFromKey(key$192)
           );
           resource ||
             ((href = {
@@ -13231,7 +13272,7 @@ function preinit(href, options) {
               "data-precedence": precedence,
               crossOrigin: options.crossOrigin
             }),
-            (options = preloadPropsMap.get(key$194)) &&
+            (options = preloadPropsMap.get(key$192)) &&
               adoptPreloadPropsForStylesheet(href, options),
             (resource = (
               resourceRoot.ownerDocument || resourceRoot
@@ -13240,15 +13281,15 @@ function preinit(href, options) {
             setInitialProperties(resource, "link", href),
             insertStylesheet(resource, precedence, resourceRoot));
           resource = { type: "stylesheet", instance: resource, count: 1 };
-          as.set(key$194, resource);
+          as.set(key$192, resource);
           break;
         case "script":
           (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$194 = getScriptKey(href)),
-            (precedence = as.get(key$194)),
+            (key$192 = getScriptKey(href)),
+            (precedence = as.get(key$192)),
             precedence ||
               ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$194
+                "script[async]" + key$192
               )),
               precedence ||
                 ((href = {
@@ -13257,7 +13298,7 @@ function preinit(href, options) {
                   crossOrigin: options.crossOrigin,
                   integrity: options.integrity
                 }),
-                (options = preloadPropsMap.get(key$194)) &&
+                (options = preloadPropsMap.get(key$192)) &&
                   adoptPreloadPropsForScript(href, options),
                 (options = resourceRoot.ownerDocument || resourceRoot),
                 (precedence = options.createElement("script")),
@@ -13265,13 +13306,13 @@ function preinit(href, options) {
                 setInitialProperties(precedence, "link", href),
                 options.head.appendChild(precedence)),
               (precedence = { type: "script", instance: precedence, count: 1 }),
-              as.set(key$194, precedence));
+              as.set(key$192, precedence));
       }
     else if ("style" === as || "script" === as)
       if ((resourceRoot = getDocumentForPreloads())) {
-        key$194 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$194 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$194 + '"]';
+        key$192 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        precedence = key$192 =
+          'link[rel="preload"][as="' + as + '"][href="' + key$192 + '"]';
         switch (as) {
           case "style":
             precedence = getStyleKey(href);
@@ -13288,7 +13329,7 @@ function preinit(href, options) {
             integrity: options.integrity
           }),
           preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$194) &&
+          null === resourceRoot.querySelector(key$192) &&
             ((options = resourceRoot.createElement("link")),
             setInitialProperties(options, "link", href),
             markNodeAsHoistable(options),
@@ -13320,14 +13361,14 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.href &&
         "string" === typeof pendingProps.precedence
       ) {
-        var key$201 = getStyleKey(pendingProps.href),
-          styles$202 = getResourcesFromRoot(currentProps).hoistableStyles;
-        type = styles$202.get(key$201);
+        var key$199 = getStyleKey(pendingProps.href),
+          styles$200 = getResourcesFromRoot(currentProps).hoistableStyles;
+        type = styles$200.get(key$199);
         type ||
           ((currentProps = currentProps.ownerDocument || currentProps),
           (type = { type: "stylesheet", instance: null, count: 0 }),
-          styles$202.set(key$201, type),
-          preloadPropsMap.has(key$201) ||
+          styles$200.set(key$199, type),
+          preloadPropsMap.has(key$199) ||
             ((pendingProps = {
               rel: "preload",
               as: "style",
@@ -13338,16 +13379,16 @@ function getResource(type, currentProps, pendingProps) {
               hrefLang: pendingProps.hrefLang,
               referrerPolicy: pendingProps.referrerPolicy
             }),
-            preloadPropsMap.set(key$201, pendingProps),
-            currentProps.querySelector(getStylesheetSelectorFromKey(key$201)) ||
+            preloadPropsMap.set(key$199, pendingProps),
+            currentProps.querySelector(getStylesheetSelectorFromKey(key$199)) ||
               null !==
                 currentProps.querySelector(
-                  'link[rel="preload"][as="style"][' + key$201 + "]"
+                  'link[rel="preload"][as="style"][' + key$199 + "]"
                 ) ||
-              ((key$201 = currentProps.createElement("link")),
-              setInitialProperties(key$201, "link", pendingProps),
-              markNodeAsHoistable(key$201),
-              currentProps.head.appendChild(key$201))));
+              ((key$199 = currentProps.createElement("link")),
+              setInitialProperties(key$199, "link", pendingProps),
+              markNodeAsHoistable(key$199),
+              currentProps.head.appendChild(key$199))));
         return type;
       }
       return null;
@@ -13397,14 +13438,14 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = key);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$209 = hoistableRoot.querySelector(
+        var instance$207 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$209)
+        if (instance$207)
           return (
-            (resource.instance = instance$209),
-            markNodeAsHoistable(instance$209),
-            instance$209
+            (resource.instance = instance$207),
+            markNodeAsHoistable(instance$207),
+            instance$207
           );
         key = assign({}, props, {
           "data-precedence": props.precedence,
@@ -13412,11 +13453,11 @@ function acquireResource(hoistableRoot, resource, props) {
         });
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$209 = (
+        instance$207 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$209);
-        var linkInstance = instance$209;
+        markNodeAsHoistable(instance$207);
+        var linkInstance = instance$207;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
@@ -13428,14 +13469,14 @@ function acquireResource(hoistableRoot, resource, props) {
             return (linkInstance._p.s = "e");
           }
         );
-        setInitialProperties(instance$209, "link", key);
-        insertStylesheet(instance$209, props.precedence, hoistableRoot);
-        return (resource.instance = instance$209);
+        setInitialProperties(instance$207, "link", key);
+        insertStylesheet(instance$207, props.precedence, hoistableRoot);
+        return (resource.instance = instance$207);
       case "script":
-        instance$209 = getScriptKey(props.src);
+        instance$207 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$209
+            "script[async]" + instance$207
           ))
         )
           return (
@@ -13444,7 +13485,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         key = props;
-        if ((styleProps = preloadPropsMap.get(instance$209)))
+        if ((styleProps = preloadPropsMap.get(instance$207)))
           (key = assign({}, props)),
             adoptPreloadPropsForScript(key, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -14478,19 +14519,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$328;
+  var JSCompiler_inline_result$jscomp$325;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1723 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1723) {
-      var element$jscomp$inline_1724 = document.createElement("div");
-      element$jscomp$inline_1724.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1723 =
-        "function" === typeof element$jscomp$inline_1724.oninput;
+    var isSupported$jscomp$inline_1716 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1716) {
+      var element$jscomp$inline_1717 = document.createElement("div");
+      element$jscomp$inline_1717.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1716 =
+        "function" === typeof element$jscomp$inline_1717.oninput;
     }
-    JSCompiler_inline_result$jscomp$328 = isSupported$jscomp$inline_1723;
-  } else JSCompiler_inline_result$jscomp$328 = !1;
+    JSCompiler_inline_result$jscomp$325 = isSupported$jscomp$inline_1716;
+  } else JSCompiler_inline_result$jscomp$325 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$328 &&
+    JSCompiler_inline_result$jscomp$325 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -14628,20 +14669,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1736 = 0;
-  i$jscomp$inline_1736 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1736++
+  var i$jscomp$inline_1729 = 0;
+  i$jscomp$inline_1729 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1729++
 ) {
-  var eventName$jscomp$inline_1737 =
-      simpleEventPluginEvents[i$jscomp$inline_1736],
-    domEventName$jscomp$inline_1738 =
-      eventName$jscomp$inline_1737.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1739 =
-      eventName$jscomp$inline_1737[0].toUpperCase() +
-      eventName$jscomp$inline_1737.slice(1);
+  var eventName$jscomp$inline_1730 =
+      simpleEventPluginEvents[i$jscomp$inline_1729],
+    domEventName$jscomp$inline_1731 =
+      eventName$jscomp$inline_1730.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1732 =
+      eventName$jscomp$inline_1730[0].toUpperCase() +
+      eventName$jscomp$inline_1730.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1738,
-    "on" + capitalizedEvent$jscomp$inline_1739
+    domEventName$jscomp$inline_1731,
+    "on" + capitalizedEvent$jscomp$inline_1732
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -16518,4 +16559,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-ca4ffb9c";
+exports.version = "18.3.0-www-classic-5ff0222e";
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
index 9d62cd8e07765..55785e06f8368 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
@@ -280,60 +280,6 @@ function isAttributeNameSafe(attributeName) {
   illegalAttributeNameCache[attributeName] = !0;
   return !1;
 }
-function shouldRemoveAttributeWithWarning(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (null !== propertyInfo && 0 === propertyInfo.type) return !1;
-  switch (typeof value) {
-    case "function":
-    case "symbol":
-      return !0;
-    case "boolean":
-      if (isCustomComponentTag) return !1;
-      if (null !== propertyInfo) return !propertyInfo.acceptsBooleans;
-      name = name.toLowerCase().slice(0, 5);
-      return "data-" !== name && "aria-" !== name;
-    default:
-      return !1;
-  }
-}
-function shouldRemoveAttribute(
-  name,
-  value,
-  propertyInfo,
-  isCustomComponentTag
-) {
-  if (
-    null === value ||
-    "undefined" === typeof value ||
-    shouldRemoveAttributeWithWarning(
-      name,
-      value,
-      propertyInfo,
-      isCustomComponentTag
-    )
-  )
-    return !0;
-  if (isCustomComponentTag)
-    return enableCustomElementPropertySupport && !1 === value ? !0 : !1;
-  if (null !== propertyInfo) {
-    if (propertyInfo.removeEmptyString && "" === value) return !0;
-    switch (propertyInfo.type) {
-      case 3:
-        return !value;
-      case 4:
-        return !1 === value;
-      case 5:
-        return isNaN(value);
-      case 6:
-        return isNaN(value) || 1 > value;
-    }
-  }
-  return !1;
-}
 function PropertyInfoRecord(
   name,
   type,
@@ -352,16 +298,7 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var properties = {},
-  reservedProps =
-    "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-      " "
-    );
-enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  properties[name] = new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
+var properties = {};
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
@@ -511,110 +448,146 @@ properties.formAction = new PropertyInfoRecord(
 });
 var isJavaScriptProtocol =
   /^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;
-function setValueForProperty(node, name, value, isCustomComponentTag) {
-  var JSCompiler_inline_result = properties.hasOwnProperty(name)
-    ? properties[name]
-    : null;
-  var JSCompiler_inline_result$jscomp$0 =
-    null !== JSCompiler_inline_result
-      ? 0 === JSCompiler_inline_result.type
-      : isCustomComponentTag
-      ? !1
-      : !(2 < name.length) ||
-        ("o" !== name[0] && "O" !== name[0]) ||
-        ("n" !== name[1] && "N" !== name[1])
-      ? !1
-      : !0;
-  if (!JSCompiler_inline_result$jscomp$0) {
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      "o" === name[0] &&
-      "n" === name[1]
-    ) {
-      JSCompiler_inline_result$jscomp$0 = name.replace(/Capture$/, "");
-      var useCapture = name !== JSCompiler_inline_result$jscomp$0;
-      JSCompiler_inline_result$jscomp$0 =
-        JSCompiler_inline_result$jscomp$0.slice(2);
-      var prevProps = getFiberCurrentPropsFromNode(node);
-      prevProps = null != prevProps ? prevProps[name] : null;
-      "function" === typeof prevProps &&
-        node.removeEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          prevProps,
-          useCapture
-        );
-      if ("function" === typeof value) {
-        "function" !== typeof prevProps &&
-          null !== prevProps &&
-          (name in node
-            ? (node[name] = null)
-            : node.hasAttribute(name) && node.removeAttribute(name));
-        node.addEventListener(
-          JSCompiler_inline_result$jscomp$0,
-          value,
-          useCapture
+function setValueForProperty(node, name, value) {
+  if (
+    !(2 < name.length) ||
+    ("o" !== name[0] && "O" !== name[0]) ||
+    ("n" !== name[1] && "N" !== name[1])
+  ) {
+    var JSCompiler_inline_result = properties.hasOwnProperty(name)
+      ? properties[name]
+      : null;
+    if (null !== JSCompiler_inline_result)
+      if (JSCompiler_inline_result.mustUseProperty)
+        node[JSCompiler_inline_result.propertyName] =
+          value && "function" !== typeof value && "symbol" !== typeof value;
+      else if (
+        ((name = JSCompiler_inline_result.attributeName), null === value)
+      )
+        node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (!JSCompiler_inline_result.acceptsBooleans) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        if (JSCompiler_inline_result.removeEmptyString && "" === value)
+          node.removeAttribute(name);
+        else
+          switch (JSCompiler_inline_result.type) {
+            case 3:
+              value ? node.setAttribute(name, "") : node.removeAttribute(name);
+              break;
+            case 4:
+              !0 === value
+                ? node.setAttribute(name, "")
+                : !1 === value
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 5:
+              isNaN(value)
+                ? node.removeAttribute(name)
+                : node.setAttribute(name, value);
+              break;
+            case 6:
+              !isNaN(value) && 1 <= value
+                ? node.setAttribute(name, value)
+                : node.removeAttribute(name);
+              break;
+            default:
+              value = enableTrustedTypesIntegration ? value : "" + value;
+              if (
+                JSCompiler_inline_result.sanitizeURL &&
+                isJavaScriptProtocol.test(value.toString())
+              )
+                throw Error(formatProdErrorMessage(323));
+              (JSCompiler_inline_result =
+                JSCompiler_inline_result.attributeNamespace)
+                ? node.setAttributeNS(JSCompiler_inline_result, name, value)
+                : node.setAttribute(name, value);
+          }
+      }
+    else if (isAttributeNameSafe(name))
+      if (null === value) node.removeAttribute(name);
+      else {
+        switch (typeof value) {
+          case "undefined":
+          case "function":
+          case "symbol":
+            node.removeAttribute(name);
+            return;
+          case "boolean":
+            if (
+              ((JSCompiler_inline_result = name.toLowerCase().slice(0, 5)),
+              "data-" !== JSCompiler_inline_result &&
+                "aria-" !== JSCompiler_inline_result)
+            ) {
+              node.removeAttribute(name);
+              return;
+            }
+        }
+        node.setAttribute(
+          name,
+          enableTrustedTypesIntegration ? value : "" + value
         );
-        return;
       }
+  }
+}
+function setValueForPropertyOnCustomComponent(node, name, value) {
+  if (
+    enableCustomElementPropertySupport &&
+    "o" === name[0] &&
+    "n" === name[1]
+  ) {
+    var useCapture = name.endsWith("Capture"),
+      eventName = name.substr(2, useCapture ? name.length - 9 : void 0),
+      prevProps = getFiberCurrentPropsFromNode(node);
+    prevProps = null != prevProps ? prevProps[name] : null;
+    "function" === typeof prevProps &&
+      node.removeEventListener(eventName, prevProps, useCapture);
+    if ("function" === typeof value) {
+      "function" !== typeof prevProps &&
+        null !== prevProps &&
+        (name in node
+          ? (node[name] = null)
+          : node.hasAttribute(name) && node.removeAttribute(name));
+      node.addEventListener(eventName, value, useCapture);
+      return;
     }
-    if (
-      enableCustomElementPropertySupport &&
-      isCustomComponentTag &&
-      name in node
-    )
-      node[name] = value;
-    else if (
-      (shouldRemoveAttribute(
-        name,
-        value,
-        JSCompiler_inline_result,
-        isCustomComponentTag
-      ) && (value = null),
-      enableCustomElementPropertySupport &&
-        isCustomComponentTag &&
-        !0 === value &&
-        (value = ""),
-      isCustomComponentTag || null === JSCompiler_inline_result)
-    )
-      isAttributeNameSafe(name) &&
-        (null === value
-          ? node.removeAttribute(name)
-          : node.setAttribute(
-              name,
-              enableTrustedTypesIntegration ? value : "" + value
-            ));
-    else if (JSCompiler_inline_result.mustUseProperty)
-      node[JSCompiler_inline_result.propertyName] =
-        null === value
-          ? 3 === JSCompiler_inline_result.type
-            ? !1
-            : ""
-          : value;
-    else if (
-      ((name = JSCompiler_inline_result.attributeName),
-      (isCustomComponentTag = JSCompiler_inline_result.attributeNamespace),
-      null === value)
-    )
-      node.removeAttribute(name);
+  }
+  if (enableCustomElementPropertySupport && name in node) node[name] = value;
+  else if (isAttributeNameSafe(name))
+    if (null === value) node.removeAttribute(name);
     else {
-      JSCompiler_inline_result$jscomp$0 = JSCompiler_inline_result.type;
-      if (
-        3 === JSCompiler_inline_result$jscomp$0 ||
-        (4 === JSCompiler_inline_result$jscomp$0 && !0 === value)
-      )
-        value = "";
-      else if (
-        ((value = enableTrustedTypesIntegration ? value : "" + value),
-        JSCompiler_inline_result.sanitizeURL &&
-          isJavaScriptProtocol.test(value.toString()))
-      )
-        throw Error(formatProdErrorMessage(323));
-      isCustomComponentTag
-        ? node.setAttributeNS(isCustomComponentTag, name, value)
-        : node.setAttribute(name, value);
+      switch (typeof value) {
+        case "undefined":
+        case "function":
+        case "symbol":
+          node.removeAttribute(name);
+          return;
+        case "boolean":
+          if (enableCustomElementPropertySupport) {
+            if (!0 === value) {
+              node.setAttribute(name, "");
+              return;
+            }
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
     }
-  }
 }
 var ReactSharedInternals =
     React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
@@ -689,16 +662,16 @@ function describeNativeComponentFrame(fn, construct) {
       } else {
         try {
           construct.call();
-        } catch (x$3) {
-          control = x$3;
+        } catch (x$1) {
+          control = x$1;
         }
         fn.call(construct.prototype);
       }
     else {
       try {
         throw Error();
-      } catch (x$4) {
-        control = x$4;
+      } catch (x$2) {
+        control = x$2;
       }
       fn();
     }
@@ -934,7 +907,7 @@ function initWrapperState$2(element, props) {
 }
 function updateChecked(element, props) {
   props = props.checked;
-  null != props && setValueForProperty(element, "checked", props, !1);
+  null != props && (element.checked = props);
 }
 function updateWrapper$1(element, props) {
   updateChecked(element, props);
@@ -1177,71 +1150,30 @@ Object.keys(isUnitlessNumber).forEach(function (prop) {
     isUnitlessNumber[prefix] = isUnitlessNumber[prop];
   });
 });
-function dangerousStyleValue(name, value, isCustomProperty) {
-  return null == value || "boolean" === typeof value || "" === value
-    ? ""
-    : isCustomProperty ||
-      "number" !== typeof value ||
-      0 === value ||
-      (isUnitlessNumber.hasOwnProperty(name) && isUnitlessNumber[name])
-    ? ("" + value).trim()
-    : value + "px";
-}
 function setValueForStyles(node, styles) {
   node = node.style;
   for (var styleName in styles)
     if (styles.hasOwnProperty(styleName)) {
-      var isCustomProperty = 0 === styleName.indexOf("--"),
-        styleValue = dangerousStyleValue(
-          styleName,
-          styles[styleName],
-          isCustomProperty
-        );
-      "float" === styleName && (styleName = "cssFloat");
-      isCustomProperty
-        ? node.setProperty(styleName, styleValue)
-        : (node[styleName] = styleValue);
+      var value = styles[styleName],
+        isCustomProperty = 0 === styleName.indexOf("--");
+      null == value || "boolean" === typeof value || "" === value
+        ? isCustomProperty
+          ? node.setProperty(styleName, "")
+          : "float" === styleName
+          ? (node.cssFloat = "")
+          : (node[styleName] = "")
+        : isCustomProperty
+        ? node.setProperty(styleName, value)
+        : "number" !== typeof value ||
+          0 === value ||
+          (isUnitlessNumber.hasOwnProperty(styleName) &&
+            isUnitlessNumber[styleName])
+        ? "float" === styleName
+          ? (node.cssFloat = value)
+          : (node[styleName] = ("" + value).trim())
+        : (node[styleName] = value + "px");
     }
 }
-var voidElementTags = assign(
-  { menuitem: !0 },
-  {
-    area: !0,
-    base: !0,
-    br: !0,
-    col: !0,
-    embed: !0,
-    hr: !0,
-    img: !0,
-    input: !0,
-    keygen: !0,
-    link: !0,
-    meta: !0,
-    param: !0,
-    source: !0,
-    track: !0,
-    wbr: !0
-  }
-);
-function assertValidProps(tag, props) {
-  if (props) {
-    if (
-      voidElementTags[tag] &&
-      (null != props.children || null != props.dangerouslySetInnerHTML)
-    )
-      throw Error(formatProdErrorMessage(137, tag));
-    if (null != props.dangerouslySetInnerHTML) {
-      if (null != props.children) throw Error(formatProdErrorMessage(60));
-      if (
-        "object" !== typeof props.dangerouslySetInnerHTML ||
-        !("__html" in props.dangerouslySetInnerHTML)
-      )
-        throw Error(formatProdErrorMessage(61));
-    }
-    if (null != props.style && "object" !== typeof props.style)
-      throw Error(formatProdErrorMessage(62));
-  }
-}
 function isCustomComponent(tagName, props) {
   if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
   switch (tagName) {
@@ -1382,36 +1314,36 @@ function findCurrentFiberUsingSlowPath(fiber) {
     }
     if (a.return !== b.return) (a = parentA), (b = parentB);
     else {
-      for (var didFindChild = !1, child$8 = parentA.child; child$8; ) {
-        if (child$8 === a) {
+      for (var didFindChild = !1, child$6 = parentA.child; child$6; ) {
+        if (child$6 === a) {
           didFindChild = !0;
           a = parentA;
           b = parentB;
           break;
         }
-        if (child$8 === b) {
+        if (child$6 === b) {
           didFindChild = !0;
           b = parentA;
           a = parentB;
           break;
         }
-        child$8 = child$8.sibling;
+        child$6 = child$6.sibling;
       }
       if (!didFindChild) {
-        for (child$8 = parentB.child; child$8; ) {
-          if (child$8 === a) {
+        for (child$6 = parentB.child; child$6; ) {
+          if (child$6 === a) {
             didFindChild = !0;
             a = parentB;
             b = parentA;
             break;
           }
-          if (child$8 === b) {
+          if (child$6 === b) {
             didFindChild = !0;
             b = parentB;
             a = parentA;
             break;
           }
-          child$8 = child$8.sibling;
+          child$6 = child$6.sibling;
         }
         if (!didFindChild) throw Error(formatProdErrorMessage(189));
       }
@@ -1622,12 +1554,12 @@ function markStarvedLanesAsExpired(root, currentTime) {
     0 < lanes;
 
   ) {
-    var index$11 = 31 - clz32(lanes),
-      lane = 1 << index$11,
-      expirationTime = expirationTimes[index$11];
+    var index$9 = 31 - clz32(lanes),
+      lane = 1 << index$9,
+      expirationTime = expirationTimes[index$9];
     if (-1 === expirationTime) {
       if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$11] = computeExpirationTime(lane, currentTime);
+        expirationTimes[index$9] = computeExpirationTime(lane, currentTime);
     } else expirationTime <= currentTime && (root.expiredLanes |= lane);
     lanes &= ~lane;
   }
@@ -1677,19 +1609,19 @@ function markRootFinished(root, remainingLanes) {
   var eventTimes = root.eventTimes,
     expirationTimes = root.expirationTimes;
   for (root = root.hiddenUpdates; 0 < noLongerPendingLanes; ) {
-    var index$13 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$13;
-    remainingLanes[index$13] = 0;
-    eventTimes[index$13] = -1;
-    expirationTimes[index$13] = -1;
-    var hiddenUpdatesForLane = root[index$13];
+    var index$11 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$11;
+    remainingLanes[index$11] = 0;
+    eventTimes[index$11] = -1;
+    expirationTimes[index$11] = -1;
+    var hiddenUpdatesForLane = root[index$11];
     if (null !== hiddenUpdatesForLane)
       for (
-        root[index$13] = null, index$13 = 0;
-        index$13 < hiddenUpdatesForLane.length;
-        index$13++
+        root[index$11] = null, index$11 = 0;
+        index$11 < hiddenUpdatesForLane.length;
+        index$11++
       ) {
-        var update = hiddenUpdatesForLane[index$13];
+        var update = hiddenUpdatesForLane[index$11];
         null !== update && (update.lane &= -1073741825);
       }
     noLongerPendingLanes &= ~lane;
@@ -1698,21 +1630,21 @@ function markRootFinished(root, remainingLanes) {
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$14 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$14;
-    (lane & entangledLanes) | (root[index$14] & entangledLanes) &&
-      (root[index$14] |= entangledLanes);
+    var index$12 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$12;
+    (lane & entangledLanes) | (root[index$12] & entangledLanes) &&
+      (root[index$12] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function getTransitionsForLanes(root, lanes) {
   if (!enableTransitionTracing) return null;
   for (var transitionsForLanes = []; 0 < lanes; ) {
-    var index$16 = 31 - clz32(lanes),
-      lane = 1 << index$16;
-    index$16 = root.transitionLanes[index$16];
-    null !== index$16 &&
-      index$16.forEach(function (transition) {
+    var index$14 = 31 - clz32(lanes),
+      lane = 1 << index$14;
+    index$14 = root.transitionLanes[index$14];
+    null !== index$14 &&
+      index$14.forEach(function (transition) {
         transitionsForLanes.push(transition);
       });
     lanes &= ~lane;
@@ -1722,10 +1654,10 @@ function getTransitionsForLanes(root, lanes) {
 function clearTransitionsForLanes(root, lanes) {
   if (enableTransitionTracing)
     for (; 0 < lanes; ) {
-      var index$17 = 31 - clz32(lanes),
-        lane = 1 << index$17;
-      null !== root.transitionLanes[index$17] &&
-        (root.transitionLanes[index$17] = null);
+      var index$15 = 31 - clz32(lanes),
+        lane = 1 << index$15;
+      null !== root.transitionLanes[index$15] &&
+        (root.transitionLanes[index$15] = null);
       lanes &= ~lane;
     }
 }
@@ -2078,7 +2010,6 @@ function prepareToHydrateHostInstance(fiber) {
   }
   props.hasOwnProperty("onScroll") &&
     listenToNonDelegatedEvent("scroll", instance);
-  assertValidProps(type, props);
   i = null;
   var children = props.children;
   if (
@@ -3580,10 +3511,10 @@ createFunctionComponentUpdateQueue = function () {
 function use(usable) {
   if (null !== usable && "object" === typeof usable) {
     if ("function" === typeof usable.then) {
-      var index$45 = thenableIndexCounter;
+      var index$43 = thenableIndexCounter;
       thenableIndexCounter += 1;
       null === thenableState && (thenableState = []);
-      usable = trackUsedThenable(thenableState, usable, index$45);
+      usable = trackUsedThenable(thenableState, usable, index$43);
       null === currentlyRenderingFiber$1.alternate &&
         (null === workInProgressHook
           ? null === currentlyRenderingFiber$1.memoizedState
@@ -4075,16 +4006,16 @@ function refreshCache(fiber, seedKey, seedValue) {
       case 3:
         var lane = requestUpdateLane(provider);
         fiber = createUpdate(lane);
-        var root$51 = enqueueUpdate(provider, fiber, lane);
-        if (null !== root$51) {
+        var root$49 = enqueueUpdate(provider, fiber, lane);
+        if (null !== root$49) {
           var eventTime = requestEventTime();
-          scheduleUpdateOnFiber(root$51, provider, lane, eventTime);
-          entangleTransitions(root$51, provider, lane);
+          scheduleUpdateOnFiber(root$49, provider, lane, eventTime);
+          entangleTransitions(root$49, provider, lane);
         }
         provider = createCache();
         null !== seedKey &&
           void 0 !== seedKey &&
-          null !== root$51 &&
+          null !== root$49 &&
           provider.data.set(seedKey, seedValue);
         fiber.payload = { cache: provider };
         return;
@@ -4291,15 +4222,15 @@ var HooksDispatcherOnMount = {
       getServerSnapshot = getServerSnapshot();
     } else {
       getServerSnapshot = getSnapshot();
-      var root$47 = workInProgressRoot;
-      if (null === root$47) throw Error(formatProdErrorMessage(349));
-      includesBlockingLane(root$47, renderLanes$1) ||
+      var root$45 = workInProgressRoot;
+      if (null === root$45) throw Error(formatProdErrorMessage(349));
+      includesBlockingLane(root$45, renderLanes$1) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, getServerSnapshot);
     }
     hook.memoizedState = getServerSnapshot;
-    root$47 = { value: getServerSnapshot, getSnapshot: getSnapshot };
-    hook.queue = root$47;
-    mountEffect(subscribeToStore.bind(null, fiber, root$47, subscribe), [
+    root$45 = { value: getServerSnapshot, getSnapshot: getSnapshot };
+    hook.queue = root$45;
+    mountEffect(subscribeToStore.bind(null, fiber, root$45, subscribe), [
       subscribe
     ]);
     fiber.flags |= 2048;
@@ -4308,7 +4239,7 @@ var HooksDispatcherOnMount = {
       updateStoreInstance.bind(
         null,
         fiber,
-        root$47,
+        root$45,
         getServerSnapshot,
         getSnapshot
       ),
@@ -4792,10 +4723,10 @@ var markerInstanceStack = createCursor(null);
 function pushRootMarkerInstance(workInProgress) {
   if (enableTransitionTracing) {
     var transitions = workInProgressTransitions,
-      root$62 = workInProgress.stateNode;
+      root$60 = workInProgress.stateNode;
     null !== transitions &&
       transitions.forEach(function (transition) {
-        if (!root$62.incompleteTransitions.has(transition)) {
+        if (!root$60.incompleteTransitions.has(transition)) {
           var markerInstance = {
             tag: 0,
             transitions: new Set([transition]),
@@ -4803,11 +4734,11 @@ function pushRootMarkerInstance(workInProgress) {
             aborts: null,
             name: null
           };
-          root$62.incompleteTransitions.set(transition, markerInstance);
+          root$60.incompleteTransitions.set(transition, markerInstance);
         }
       });
     var markerInstances = [];
-    root$62.incompleteTransitions.forEach(function (markerInstance) {
+    root$60.incompleteTransitions.forEach(function (markerInstance) {
       markerInstances.push(markerInstance);
     });
     push(markerInstanceStack, markerInstances);
@@ -5471,14 +5402,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
   }
   JSCompiler_temp = current.memoizedState;
   if (null !== JSCompiler_temp) {
-    var dehydrated$69 = JSCompiler_temp.dehydrated;
-    if (null !== dehydrated$69)
+    var dehydrated$67 = JSCompiler_temp.dehydrated;
+    if (null !== dehydrated$67)
       return updateDehydratedSuspenseComponent(
         current,
         workInProgress,
         didSuspend,
         nextProps,
-        dehydrated$69,
+        dehydrated$67,
         JSCompiler_temp,
         renderLanes
       );
@@ -5488,7 +5419,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
     JSCompiler_temp = current.child;
-    dehydrated$69 = JSCompiler_temp.sibling;
+    dehydrated$67 = JSCompiler_temp.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
     0 === (didSuspend & 1) && workInProgress.child !== JSCompiler_temp
       ? ((nextProps = workInProgress.child),
@@ -5497,8 +5428,8 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         (workInProgress.deletions = null))
       : ((nextProps = createWorkInProgress(JSCompiler_temp, primaryChildProps)),
         (nextProps.subtreeFlags = JSCompiler_temp.subtreeFlags & 31457280));
-    null !== dehydrated$69
-      ? (showFallback = createWorkInProgress(dehydrated$69, showFallback))
+    null !== dehydrated$67
+      ? (showFallback = createWorkInProgress(dehydrated$67, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5517,10 +5448,10 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
       ? (didSuspend = mountSuspenseOffscreenState(renderLanes))
       : ((JSCompiler_temp = didSuspend.cachePool),
         null !== JSCompiler_temp
-          ? ((dehydrated$69 = CacheContext._currentValue),
+          ? ((dehydrated$67 = CacheContext._currentValue),
             (JSCompiler_temp =
-              JSCompiler_temp.parent !== dehydrated$69
-                ? { parent: dehydrated$69, pool: dehydrated$69 }
+              JSCompiler_temp.parent !== dehydrated$67
+                ? { parent: dehydrated$67, pool: dehydrated$67 }
                 : JSCompiler_temp))
           : (JSCompiler_temp = getSuspendedCache()),
         (didSuspend = {
@@ -5534,23 +5465,23 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
         ((JSCompiler_temp = enableTransitionTracing
           ? markerInstanceStack.current
           : null),
-        (dehydrated$69 = showFallback.updateQueue),
+        (dehydrated$67 = showFallback.updateQueue),
         (primaryChildProps = current.updateQueue),
-        null === dehydrated$69
+        null === dehydrated$67
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue: null
             })
-          : dehydrated$69 === primaryChildProps
+          : dehydrated$67 === primaryChildProps
           ? (showFallback.updateQueue = {
               transitions: didSuspend,
               markerInstances: JSCompiler_temp,
               retryQueue:
                 null !== primaryChildProps ? primaryChildProps.retryQueue : null
             })
-          : ((dehydrated$69.transitions = didSuspend),
-            (dehydrated$69.markerInstances = JSCompiler_temp))));
+          : ((dehydrated$67.transitions = didSuspend),
+            (dehydrated$67.markerInstances = JSCompiler_temp))));
     showFallback.childLanes = current.childLanes & ~renderLanes;
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
@@ -6514,110 +6445,168 @@ function updateHostComponent(current, workInProgress, type, newProps) {
     var updatePayload = null;
     switch (type) {
       case "input":
-        oldProps = getHostProps$2(current, oldProps);
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
+        type = getHostProps$2(current, oldProps);
         newProps = getHostProps$2(current, newProps);
         updatePayload = [];
         break;
       case "select":
-        oldProps = assign({}, oldProps, { value: void 0 });
+        type = assign({}, oldProps, { value: void 0 });
         newProps = assign({}, newProps, { value: void 0 });
         updatePayload = [];
         break;
       case "textarea":
-        oldProps = getHostProps(current, oldProps);
+        type = getHostProps(current, oldProps);
         newProps = getHostProps(current, newProps);
         updatePayload = [];
         break;
+      case "img":
+      case "link":
+      case "area":
+      case "base":
+      case "br":
+      case "col":
+      case "embed":
+      case "hr":
+      case "keygen":
+      case "meta":
+      case "param":
+      case "source":
+      case "track":
+      case "wbr":
+      case "menuitem":
+        if (
+          null != newProps.children ||
+          null != newProps.dangerouslySetInnerHTML
+        )
+          throw Error(formatProdErrorMessage(137, type));
       default:
-        "function" !== typeof oldProps.onClick &&
-          "function" === typeof newProps.onClick &&
-          (current.onclick = noop);
+        (type = oldProps),
+          "function" !== typeof type.onClick &&
+            "function" === typeof newProps.onClick &&
+            (current.onclick = noop);
     }
-    assertValidProps(type, newProps);
     var styleName;
-    type = null;
-    for (JSCompiler_inline_result in oldProps)
+    oldProps = null;
+    for (JSCompiler_inline_result in type)
       if (
         !newProps.hasOwnProperty(JSCompiler_inline_result) &&
-        oldProps.hasOwnProperty(JSCompiler_inline_result) &&
-        null != oldProps[JSCompiler_inline_result]
+        type.hasOwnProperty(JSCompiler_inline_result) &&
+        null != type[JSCompiler_inline_result]
       )
-        if ("style" === JSCompiler_inline_result) {
-          var lastStyle = oldProps[JSCompiler_inline_result];
-          for (styleName in lastStyle)
-            lastStyle.hasOwnProperty(styleName) &&
-              (type || (type = {}), (type[styleName] = ""));
-        } else
-          "dangerouslySetInnerHTML" !== JSCompiler_inline_result &&
-            "children" !== JSCompiler_inline_result &&
-            "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-            "suppressHydrationWarning" !== JSCompiler_inline_result &&
-            "autoFocus" !== JSCompiler_inline_result &&
-            (registrationNameDependencies.hasOwnProperty(
+        switch (JSCompiler_inline_result) {
+          case "style":
+            var lastStyle = type[JSCompiler_inline_result];
+            for (styleName in lastStyle)
+              lastStyle.hasOwnProperty(styleName) &&
+                (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+            break;
+          case "dangerouslySetInnerHTML":
+          case "children":
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
               JSCompiler_inline_result
             )
               ? updatePayload || (updatePayload = [])
               : (updatePayload = updatePayload || []).push(
                   JSCompiler_inline_result,
                   null
-                ));
+                );
+        }
     for (JSCompiler_inline_result in newProps) {
       var nextProp = newProps[JSCompiler_inline_result];
-      lastStyle =
-        null != oldProps ? oldProps[JSCompiler_inline_result] : void 0;
+      lastStyle = null != type ? type[JSCompiler_inline_result] : void 0;
       if (
         newProps.hasOwnProperty(JSCompiler_inline_result) &&
         nextProp !== lastStyle &&
         (null != nextProp || null != lastStyle)
       )
-        if ("style" === JSCompiler_inline_result)
-          if (lastStyle) {
-            for (styleName in lastStyle)
-              !lastStyle.hasOwnProperty(styleName) ||
-                (nextProp && nextProp.hasOwnProperty(styleName)) ||
-                (type || (type = {}), (type[styleName] = ""));
-            for (styleName in nextProp)
-              nextProp.hasOwnProperty(styleName) &&
-                lastStyle[styleName] !== nextProp[styleName] &&
-                (type || (type = {}), (type[styleName] = nextProp[styleName]));
-          } else
-            type ||
-              (updatePayload || (updatePayload = []),
-              updatePayload.push(JSCompiler_inline_result, type)),
-              (type = nextProp);
-        else
-          "dangerouslySetInnerHTML" === JSCompiler_inline_result
-            ? ((nextProp = nextProp ? nextProp.__html : void 0),
-              (lastStyle = lastStyle ? lastStyle.__html : void 0),
-              null != nextProp &&
-                lastStyle !== nextProp &&
-                (updatePayload = updatePayload || []).push(
-                  JSCompiler_inline_result,
-                  nextProp
-                ))
-            : "children" === JSCompiler_inline_result
-            ? ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
+        switch (JSCompiler_inline_result) {
+          case "style":
+            if (null != nextProp && "object" !== typeof nextProp)
+              throw Error(formatProdErrorMessage(62));
+            if (lastStyle) {
+              for (styleName in lastStyle)
+                !lastStyle.hasOwnProperty(styleName) ||
+                  (nextProp && nextProp.hasOwnProperty(styleName)) ||
+                  (oldProps || (oldProps = {}), (oldProps[styleName] = ""));
+              for (styleName in nextProp)
+                nextProp.hasOwnProperty(styleName) &&
+                  lastStyle[styleName] !== nextProp[styleName] &&
+                  (oldProps || (oldProps = {}),
+                  (oldProps[styleName] = nextProp[styleName]));
+            } else
+              oldProps ||
+                (updatePayload || (updatePayload = []),
+                updatePayload.push(JSCompiler_inline_result, oldProps)),
+                (oldProps = nextProp);
+            break;
+          case "dangerouslySetInnerHTML":
+            if (null != nextProp) {
+              if ("object" !== typeof nextProp || !("__html" in nextProp))
+                throw Error(formatProdErrorMessage(61));
+              nextProp = nextProp.__html;
+              if (null != nextProp) {
+                if (null != newProps.children)
+                  throw Error(formatProdErrorMessage(60));
+                (lastStyle ? lastStyle.__html : void 0) !== nextProp &&
+                  (updatePayload = updatePayload || []).push(
+                    JSCompiler_inline_result,
+                    nextProp
+                  );
+              }
+            }
+            break;
+          case "children":
+            ("string" !== typeof nextProp && "number" !== typeof nextProp) ||
               (updatePayload = updatePayload || []).push(
                 JSCompiler_inline_result,
                 "" + nextProp
-              )
-            : "suppressContentEditableWarning" !== JSCompiler_inline_result &&
-              "suppressHydrationWarning" !== JSCompiler_inline_result &&
-              (registrationNameDependencies.hasOwnProperty(
-                JSCompiler_inline_result
-              )
-                ? (null != nextProp &&
-                    "onScroll" === JSCompiler_inline_result &&
-                    listenToNonDelegatedEvent("scroll", current),
-                  updatePayload ||
-                    lastStyle === nextProp ||
-                    (updatePayload = []))
-                : (updatePayload = updatePayload || []).push(
-                    JSCompiler_inline_result,
-                    nextProp
-                  ));
+              );
+            break;
+          case "onScroll":
+            null != nextProp && listenToNonDelegatedEvent("scroll", current);
+            updatePayload || lastStyle === nextProp || (updatePayload = []);
+            break;
+          case "suppressContentEditableWarning":
+          case "suppressHydrationWarning":
+          case "defaultValue":
+          case "defaultChecked":
+          case "innerHTML":
+            break;
+          case "autoFocus":
+            break;
+          case "innerText":
+          case "textContent":
+            if (enableCustomElementPropertySupport) break;
+          default:
+            registrationNameDependencies.hasOwnProperty(
+              JSCompiler_inline_result
+            )
+              ? updatePayload || lastStyle === nextProp || (updatePayload = [])
+              : (updatePayload = updatePayload || []).push(
+                  JSCompiler_inline_result,
+                  nextProp
+                );
+        }
     }
-    type && (updatePayload = updatePayload || []).push("style", type);
+    oldProps && (updatePayload = updatePayload || []).push("style", oldProps);
     var JSCompiler_inline_result = updatePayload;
     (workInProgress.updateQueue = JSCompiler_inline_result) &&
       markUpdate(workInProgress);
@@ -6646,14 +6635,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
         break;
       case "collapsed":
         lastTailNode = renderState.tail;
-        for (var lastTailNode$100 = null; null !== lastTailNode; )
-          null !== lastTailNode.alternate && (lastTailNode$100 = lastTailNode),
+        for (var lastTailNode$98 = null; null !== lastTailNode; )
+          null !== lastTailNode.alternate && (lastTailNode$98 = lastTailNode),
             (lastTailNode = lastTailNode.sibling);
-        null === lastTailNode$100
+        null === lastTailNode$98
           ? hasRenderedATailFallback || null === renderState.tail
             ? (renderState.tail = null)
             : (renderState.tail.sibling = null)
-          : (lastTailNode$100.sibling = null);
+          : (lastTailNode$98.sibling = null);
     }
 }
 function bubbleProperties(completedWork) {
@@ -6663,19 +6652,19 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$101 = completedWork.child; null !== child$101; )
-      (newChildLanes |= child$101.lanes | child$101.childLanes),
-        (subtreeFlags |= child$101.subtreeFlags & 31457280),
-        (subtreeFlags |= child$101.flags & 31457280),
-        (child$101.return = completedWork),
-        (child$101 = child$101.sibling);
+    for (var child$99 = completedWork.child; null !== child$99; )
+      (newChildLanes |= child$99.lanes | child$99.childLanes),
+        (subtreeFlags |= child$99.subtreeFlags & 31457280),
+        (subtreeFlags |= child$99.flags & 31457280),
+        (child$99.return = completedWork),
+        (child$99 = child$99.sibling);
   else
-    for (child$101 = completedWork.child; null !== child$101; )
-      (newChildLanes |= child$101.lanes | child$101.childLanes),
-        (subtreeFlags |= child$101.subtreeFlags),
-        (subtreeFlags |= child$101.flags),
-        (child$101.return = completedWork),
-        (child$101 = child$101.sibling);
+    for (child$99 = completedWork.child; null !== child$99; )
+      (newChildLanes |= child$99.lanes | child$99.childLanes),
+        (subtreeFlags |= child$99.subtreeFlags),
+        (subtreeFlags |= child$99.flags),
+        (child$99.return = completedWork),
+        (child$99 = child$99.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
@@ -7374,8 +7363,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
     else if ("function" === typeof ref)
       try {
         ref(null);
-      } catch (error$129) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error$129);
+      } catch (error$127) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$127);
       }
     else ref.current = null;
 }
@@ -7412,7 +7401,7 @@ function commitBeforeMutationEffects(root, firstChild) {
           selection = selection.focusOffset;
           try {
             JSCompiler_temp.nodeType, focusNode.nodeType;
-          } catch (e$192) {
+          } catch (e$190) {
             JSCompiler_temp = null;
             break a;
           }
@@ -7688,11 +7677,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$131) {
+          } catch (error$129) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$131
+              error$129
             );
           }
         }
@@ -8366,8 +8355,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$144) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
+        } catch (error$142) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$142);
         }
       }
       break;
@@ -8545,11 +8534,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               newProps
             );
             domElement[internalPropsKey] = newProps;
-          } catch (error$145) {
+          } catch (error$143) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$145
+              error$143
             );
           }
       break;
@@ -8585,8 +8574,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$146) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$146);
+        } catch (error$144) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$144);
         }
       }
       if (
@@ -8603,8 +8592,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         try {
           updateProperties(flags, maybeNodes, hoistableRoot, current, root),
             (flags[internalPropsKey] = root);
-        } catch (error$149) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
+        } catch (error$147) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$147);
         }
       break;
     case 6:
@@ -8617,8 +8606,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$150) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$150);
+        } catch (error$148) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$148);
         }
       }
       break;
@@ -8632,8 +8621,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$151) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
+        } catch (error$149) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$149);
         }
       break;
     case 4:
@@ -8663,8 +8652,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== retryQueue && suspenseCallback(new Set(retryQueue));
             }
           }
-        } catch (error$153) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$153);
+        } catch (error$151) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$151);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8726,10 +8715,10 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                         nextNode.hasOwnProperty("display")
                           ? nextNode.display
                           : null),
-                      (i.style.display = dangerousStyleValue(
-                        "display",
-                        nodeName
-                      )));
+                      (i.style.display =
+                        null == nodeName || "boolean" === typeof nodeName
+                          ? ""
+                          : ("" + nodeName).trim()));
               } catch (error) {
                 captureCommitPhaseError(
                   finishedWork,
@@ -8742,11 +8731,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
             if (null === current)
               try {
                 root.stateNode.nodeValue = domElement ? "" : root.memoizedProps;
-              } catch (error$134) {
+              } catch (error$132) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$134
+                  error$132
                 );
               }
           } else if (
@@ -8821,21 +8810,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$135 = JSCompiler_inline_result.stateNode;
+            var parent$133 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 32 &&
-              (setTextContent(parent$135, ""),
+              (setTextContent(parent$133, ""),
               (JSCompiler_inline_result.flags &= -33));
-            var before$136 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$136, parent$135);
+            var before$134 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$134, parent$133);
             break;
           case 3:
           case 4:
-            var parent$137 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$138 = getHostSibling(finishedWork);
+            var parent$135 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$136 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$138,
-              parent$137
+              before$136,
+              parent$135
             );
             break;
           default:
@@ -9305,9 +9294,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$163 = finishedWork.stateNode;
+        var instance$161 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$163._visibility & 4
+          ? instance$161._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9320,7 +9309,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$163._visibility |= 4),
+            : ((instance$161._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -9328,7 +9317,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$163._visibility |= 4),
+          : ((instance$161._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -9341,7 +9330,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$163
+            instance$161
           );
         break;
       case 24:
@@ -9954,11 +9943,11 @@ function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
         enableTransitionTracing)
       ) {
         var transitionLanesMap = root.transitionLanes,
-          index$15 = 31 - clz32(lane),
-          transitions = transitionLanesMap[index$15];
+          index$13 = 31 - clz32(lane),
+          transitions = transitionLanesMap[index$13];
         null === transitions && (transitions = new Set());
         transitions.add(transition);
-        transitionLanesMap[index$15] = transitions;
+        transitionLanesMap[index$13] = transitions;
       }
     }
     if (root === workInProgressRoot) {
@@ -10081,16 +10070,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         exitStatus = renderRootSync(root, lanes);
         if (2 === exitStatus) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$173 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$171 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$173 &&
-            ((lanes = errorRetryLanes$173),
+          0 !== errorRetryLanes$171 &&
+            ((lanes = errorRetryLanes$171),
             (exitStatus = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$173
+              errorRetryLanes$171
             )));
         }
         if (1 === exitStatus)
@@ -10139,14 +10128,14 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           exitStatus = lanes;
           errorRetryLanes = root.eventTimes;
-          for (errorRetryLanes$173 = -1; 0 < exitStatus; ) {
-            var index$10 = 31 - clz32(exitStatus),
-              lane = 1 << index$10;
-            index$10 = errorRetryLanes[index$10];
-            index$10 > errorRetryLanes$173 && (errorRetryLanes$173 = index$10);
+          for (errorRetryLanes$171 = -1; 0 < exitStatus; ) {
+            var index$8 = 31 - clz32(exitStatus),
+              lane = 1 << index$8;
+            index$8 = errorRetryLanes[index$8];
+            index$8 > errorRetryLanes$171 && (errorRetryLanes$171 = index$8);
             exitStatus &= ~lane;
           }
-          exitStatus = errorRetryLanes$173;
+          exitStatus = errorRetryLanes$171;
           exitStatus = now() - exitStatus;
           exitStatus =
             (120 > exitStatus
@@ -10268,9 +10257,9 @@ function markRootSuspended(root, suspendedLanes) {
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
   for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$12 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$12;
-    root[index$12] = -1;
+    var index$10 = 31 - clz32(suspendedLanes),
+      lane = 1 << index$10;
+    root[index$10] = -1;
     suspendedLanes &= ~lane;
   }
 }
@@ -10478,8 +10467,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$176) {
-      handleThrow(root, thrownValue$176);
+    } catch (thrownValue$174) {
+      handleThrow(root, thrownValue$174);
     }
   while (1);
   resetContextDependencies();
@@ -10585,8 +10574,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$178) {
-      handleThrow(root, thrownValue$178);
+    } catch (thrownValue$176) {
+      handleThrow(root, thrownValue$176);
     }
   while (1);
   resetContextDependencies();
@@ -10741,10 +10730,10 @@ function unwindSuspendedUnitOfWork(unitOfWork, thrownValue) {
                       };
                       suspenseBoundary.updateQueue = newOffscreenQueue;
                     } else {
-                      var retryQueue$57 = offscreenQueue.retryQueue;
-                      null === retryQueue$57
+                      var retryQueue$55 = offscreenQueue.retryQueue;
+                      null === retryQueue$55
                         ? (offscreenQueue.retryQueue = new Set([wakeable]))
-                        : retryQueue$57.add(wakeable);
+                        : retryQueue$55.add(wakeable);
                     }
                   }
                   break;
@@ -10926,12 +10915,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner.current = null;
-    var shouldFireAfterActiveInstanceBlur$181 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$179 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$181 &&
+    shouldFireAfterActiveInstanceBlur$179 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -11010,7 +10999,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$182 = rootWithPendingPassiveEffects,
+    var root$180 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -11026,7 +11015,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$1.transition = prevTransition),
-        releaseRootPooledCache(root$182, remainingLanes);
+        releaseRootPooledCache(root$180, remainingLanes);
     }
   }
   return !1;
@@ -12219,12 +12208,12 @@ function updateContainer(element, container, parentComponent, callback) {
 function attemptSynchronousHydration(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$184 = fiber.stateNode;
-      if (root$184.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$184.pendingLanes);
+      var root$182 = fiber.stateNode;
+      if (root$182.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$182.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$184, lanes | 2),
-          ensureRootIsScheduled(root$184, now()),
+          (markRootEntangled(root$182, lanes | 2),
+          ensureRootIsScheduled(root$182, now()),
           0 === (executionContext & 6) &&
             ((workInProgressRootRenderTargetTime = now() + 500),
             flushSyncCallbacks()));
@@ -13498,19 +13487,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$304;
+  var JSCompiler_inline_result$jscomp$301;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1562 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1562) {
-      var element$jscomp$inline_1563 = document.createElement("div");
-      element$jscomp$inline_1563.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1562 =
-        "function" === typeof element$jscomp$inline_1563.oninput;
+    var isSupported$jscomp$inline_1555 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1555) {
+      var element$jscomp$inline_1556 = document.createElement("div");
+      element$jscomp$inline_1556.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1555 =
+        "function" === typeof element$jscomp$inline_1556.oninput;
     }
-    JSCompiler_inline_result$jscomp$304 = isSupported$jscomp$inline_1562;
-  } else JSCompiler_inline_result$jscomp$304 = !1;
+    JSCompiler_inline_result$jscomp$301 = isSupported$jscomp$inline_1555;
+  } else JSCompiler_inline_result$jscomp$301 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$304 &&
+    JSCompiler_inline_result$jscomp$301 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13819,20 +13808,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1603 = 0;
-  i$jscomp$inline_1603 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1603++
+  var i$jscomp$inline_1596 = 0;
+  i$jscomp$inline_1596 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1596++
 ) {
-  var eventName$jscomp$inline_1604 =
-      simpleEventPluginEvents[i$jscomp$inline_1603],
-    domEventName$jscomp$inline_1605 =
-      eventName$jscomp$inline_1604.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1606 =
-      eventName$jscomp$inline_1604[0].toUpperCase() +
-      eventName$jscomp$inline_1604.slice(1);
+  var eventName$jscomp$inline_1597 =
+      simpleEventPluginEvents[i$jscomp$inline_1596],
+    domEventName$jscomp$inline_1598 =
+      eventName$jscomp$inline_1597.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1599 =
+      eventName$jscomp$inline_1597[0].toUpperCase() +
+      eventName$jscomp$inline_1597.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1605,
-    "on" + capitalizedEvent$jscomp$inline_1606
+    domEventName$jscomp$inline_1598,
+    "on" + capitalizedEvent$jscomp$inline_1599
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14688,6 +14677,8 @@ function setInitialProperties(domElement, tag, rawProps) {
     case "iframe":
     case "object":
     case "embed":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
       break;
@@ -14698,12 +14689,16 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "source":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       listenToNonDelegatedEvent("error", domElement);
       props = rawProps;
       break;
     case "img":
-    case "image":
     case "link":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
+    case "image":
       listenToNonDelegatedEvent("error", domElement);
       listenToNonDelegatedEvent("load", domElement);
       props = rawProps;
@@ -14713,6 +14708,8 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = rawProps;
       break;
     case "input":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
       initWrapperState$2(domElement, rawProps);
       props = getHostProps$2(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
@@ -14730,45 +14727,81 @@ function setInitialProperties(domElement, tag, rawProps) {
       props = getHostProps(domElement, rawProps);
       listenToNonDelegatedEvent("invalid", domElement);
       break;
+    case "area":
+    case "base":
+    case "br":
+    case "col":
+    case "hr":
+    case "keygen":
+    case "meta":
+    case "param":
+    case "track":
+    case "wbr":
+    case "menuitem":
+      if (null != rawProps.children || null != rawProps.dangerouslySetInnerHTML)
+        throw Error(formatProdErrorMessage(137, tag));
     default:
       props = rawProps;
   }
-  assertValidProps(tag, props);
   var nextProps = props,
     propKey;
   for (propKey in nextProps)
     if (nextProps.hasOwnProperty(propKey)) {
       var nextProp = nextProps[propKey];
-      "style" === propKey
-        ? setValueForStyles(domElement, nextProp)
-        : "dangerouslySetInnerHTML" === propKey
-        ? ((nextProp = nextProp ? nextProp.__html : void 0),
-          null != nextProp &&
-            (disableIEWorkarounds
-              ? (domElement.innerHTML = nextProp)
-              : setInnerHTML$1(domElement, nextProp)))
-        : "children" === propKey
-        ? "string" === typeof nextProp
-          ? "body" === tag ||
-            ("textarea" === tag && "" === nextProp) ||
-            setTextContent(domElement, nextProp)
-          : "number" === typeof nextProp &&
-            "body" !== tag &&
-            setTextContent(domElement, "" + nextProp)
-        : "suppressContentEditableWarning" !== propKey &&
-          "suppressHydrationWarning" !== propKey &&
-          "autoFocus" !== propKey &&
-          (registrationNameDependencies.hasOwnProperty(propKey)
-            ? null != nextProp &&
-              "onScroll" === propKey &&
-              listenToNonDelegatedEvent("scroll", domElement)
-            : null != nextProp &&
-              setValueForProperty(
-                domElement,
-                propKey,
-                nextProp,
-                isCustomComponentTag
-              ));
+      switch (propKey) {
+        case "style":
+          if (null != nextProp && "object" !== typeof nextProp)
+            throw Error(formatProdErrorMessage(62));
+          setValueForStyles(domElement, nextProp);
+          break;
+        case "dangerouslySetInnerHTML":
+          if (null != nextProp) {
+            if ("object" !== typeof nextProp || !("__html" in nextProp))
+              throw Error(formatProdErrorMessage(61));
+            nextProp = nextProp.__html;
+            if (null != nextProp) {
+              if (null != nextProps.children)
+                throw Error(formatProdErrorMessage(60));
+              disableIEWorkarounds
+                ? (domElement.innerHTML = nextProp)
+                : setInnerHTML$1(domElement, nextProp);
+            }
+          }
+          break;
+        case "children":
+          "string" === typeof nextProp
+            ? "body" === tag ||
+              ("textarea" === tag && "" === nextProp) ||
+              setTextContent(domElement, nextProp)
+            : "number" === typeof nextProp &&
+              "body" !== tag &&
+              setTextContent(domElement, "" + nextProp);
+          break;
+        case "onScroll":
+          null != nextProp && listenToNonDelegatedEvent("scroll", domElement);
+          break;
+        case "suppressContentEditableWarning":
+        case "suppressHydrationWarning":
+        case "defaultValue":
+        case "defaultChecked":
+        case "innerHTML":
+          break;
+        case "autoFocus":
+          break;
+        case "innerText":
+        case "textContent":
+          if (enableCustomElementPropertySupport) break;
+        default:
+          registrationNameDependencies.hasOwnProperty(propKey) ||
+            (null != nextProp &&
+              (isCustomComponentTag
+                ? setValueForPropertyOnCustomComponent(
+                    domElement,
+                    propKey,
+                    nextProp
+                  )
+                : setValueForProperty(domElement, propKey, nextProp)));
+      }
     }
   switch (tag) {
     case "input":
@@ -14816,15 +14849,23 @@ function updateProperties(
   for (var i = 0; i < updatePayload.length; i += 2) {
     var propKey = updatePayload[i],
       propValue = updatePayload[i + 1];
-    "style" === propKey
-      ? setValueForStyles(domElement, propValue)
-      : "dangerouslySetInnerHTML" === propKey
-      ? disableIEWorkarounds
-        ? (domElement.innerHTML = propValue)
-        : setInnerHTML$1(domElement, propValue)
-      : "children" === propKey
-      ? setTextContent(domElement, propValue)
-      : setValueForProperty(domElement, propKey, propValue, lastRawProps);
+    switch (propKey) {
+      case "style":
+        setValueForStyles(domElement, propValue);
+        break;
+      case "dangerouslySetInnerHTML":
+        disableIEWorkarounds
+          ? (domElement.innerHTML = propValue)
+          : setInnerHTML$1(domElement, propValue);
+        break;
+      case "children":
+        setTextContent(domElement, propValue);
+        break;
+      default:
+        lastRawProps
+          ? setValueForPropertyOnCustomComponent(domElement, propKey, propValue)
+          : setValueForProperty(domElement, propKey, propValue);
+    }
   }
   switch (tag) {
     case "input":
@@ -14971,12 +15012,12 @@ function preinit$1(href, options) {
       switch (as) {
         case "style":
           as = getResourcesFromRoot(resourceRoot).hoistableStyles;
-          var key$204 = getStyleKey(href),
+          var key$202 = getStyleKey(href),
             precedence = options.precedence || "default",
-            resource = as.get(key$204);
+            resource = as.get(key$202);
           if (resource) break;
           resource = resourceRoot.querySelector(
-            getStylesheetSelectorFromKey(key$204)
+            getStylesheetSelectorFromKey(key$202)
           );
           resource ||
             ((href = {
@@ -14985,7 +15026,7 @@ function preinit$1(href, options) {
               "data-precedence": precedence,
               crossOrigin: options.crossOrigin
             }),
-            (options = preloadPropsMap.get(key$204)) &&
+            (options = preloadPropsMap.get(key$202)) &&
               adoptPreloadPropsForStylesheet(href, options),
             (resource = (
               resourceRoot.ownerDocument || resourceRoot
@@ -14994,15 +15035,15 @@ function preinit$1(href, options) {
             setInitialProperties(resource, "link", href),
             insertStylesheet(resource, precedence, resourceRoot));
           resource = { type: "stylesheet", instance: resource, count: 1 };
-          as.set(key$204, resource);
+          as.set(key$202, resource);
           break;
         case "script":
           (as = getResourcesFromRoot(resourceRoot).hoistableScripts),
-            (key$204 = getScriptKey(href)),
-            (precedence = as.get(key$204)),
+            (key$202 = getScriptKey(href)),
+            (precedence = as.get(key$202)),
             precedence ||
               ((precedence = resourceRoot.querySelector(
-                "script[async]" + key$204
+                "script[async]" + key$202
               )),
               precedence ||
                 ((href = {
@@ -15011,7 +15052,7 @@ function preinit$1(href, options) {
                   crossOrigin: options.crossOrigin,
                   integrity: options.integrity
                 }),
-                (options = preloadPropsMap.get(key$204)) &&
+                (options = preloadPropsMap.get(key$202)) &&
                   adoptPreloadPropsForScript(href, options),
                 (options = resourceRoot.ownerDocument || resourceRoot),
                 (precedence = options.createElement("script")),
@@ -15019,13 +15060,13 @@ function preinit$1(href, options) {
                 setInitialProperties(precedence, "link", href),
                 options.head.appendChild(precedence)),
               (precedence = { type: "script", instance: precedence, count: 1 }),
-              as.set(key$204, precedence));
+              as.set(key$202, precedence));
       }
     else if ("style" === as || "script" === as)
       if ((resourceRoot = getDocumentForPreloads())) {
-        key$204 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
-        precedence = key$204 =
-          'link[rel="preload"][as="' + as + '"][href="' + key$204 + '"]';
+        key$202 = escapeSelectorAttributeValueInsideDoubleQuotes(href);
+        precedence = key$202 =
+          'link[rel="preload"][as="' + as + '"][href="' + key$202 + '"]';
         switch (as) {
           case "style":
             precedence = getStyleKey(href);
@@ -15042,7 +15083,7 @@ function preinit$1(href, options) {
             integrity: options.integrity
           }),
           preloadPropsMap.set(precedence, href),
-          null === resourceRoot.querySelector(key$204) &&
+          null === resourceRoot.querySelector(key$202) &&
             ((options = resourceRoot.createElement("link")),
             setInitialProperties(options, "link", href),
             markNodeAsHoistable(options),
@@ -15074,14 +15115,14 @@ function getResource(type, currentProps, pendingProps) {
         "string" === typeof pendingProps.href &&
         "string" === typeof pendingProps.precedence
       ) {
-        var key$211 = getStyleKey(pendingProps.href),
-          styles$212 = getResourcesFromRoot(currentProps).hoistableStyles;
-        type = styles$212.get(key$211);
+        var key$209 = getStyleKey(pendingProps.href),
+          styles$210 = getResourcesFromRoot(currentProps).hoistableStyles;
+        type = styles$210.get(key$209);
         type ||
           ((currentProps = currentProps.ownerDocument || currentProps),
           (type = { type: "stylesheet", instance: null, count: 0 }),
-          styles$212.set(key$211, type),
-          preloadPropsMap.has(key$211) ||
+          styles$210.set(key$209, type),
+          preloadPropsMap.has(key$209) ||
             ((pendingProps = {
               rel: "preload",
               as: "style",
@@ -15092,16 +15133,16 @@ function getResource(type, currentProps, pendingProps) {
               hrefLang: pendingProps.hrefLang,
               referrerPolicy: pendingProps.referrerPolicy
             }),
-            preloadPropsMap.set(key$211, pendingProps),
-            currentProps.querySelector(getStylesheetSelectorFromKey(key$211)) ||
+            preloadPropsMap.set(key$209, pendingProps),
+            currentProps.querySelector(getStylesheetSelectorFromKey(key$209)) ||
               null !==
                 currentProps.querySelector(
-                  'link[rel="preload"][as="style"][' + key$211 + "]"
+                  'link[rel="preload"][as="style"][' + key$209 + "]"
                 ) ||
-              ((key$211 = currentProps.createElement("link")),
-              setInitialProperties(key$211, "link", pendingProps),
-              markNodeAsHoistable(key$211),
-              currentProps.head.appendChild(key$211))));
+              ((key$209 = currentProps.createElement("link")),
+              setInitialProperties(key$209, "link", pendingProps),
+              markNodeAsHoistable(key$209),
+              currentProps.head.appendChild(key$209))));
         return type;
       }
       return null;
@@ -15151,14 +15192,14 @@ function acquireResource(hoistableRoot, resource, props) {
         return (resource.instance = key);
       case "stylesheet":
         styleProps = getStyleKey(props.href);
-        var instance$219 = hoistableRoot.querySelector(
+        var instance$217 = hoistableRoot.querySelector(
           getStylesheetSelectorFromKey(styleProps)
         );
-        if (instance$219)
+        if (instance$217)
           return (
-            (resource.instance = instance$219),
-            markNodeAsHoistable(instance$219),
-            instance$219
+            (resource.instance = instance$217),
+            markNodeAsHoistable(instance$217),
+            instance$217
           );
         key = assign({}, props, {
           "data-precedence": props.precedence,
@@ -15166,11 +15207,11 @@ function acquireResource(hoistableRoot, resource, props) {
         });
         (styleProps = preloadPropsMap.get(styleProps)) &&
           adoptPreloadPropsForStylesheet(key, styleProps);
-        instance$219 = (
+        instance$217 = (
           hoistableRoot.ownerDocument || hoistableRoot
         ).createElement("link");
-        markNodeAsHoistable(instance$219);
-        var linkInstance = instance$219;
+        markNodeAsHoistable(instance$217);
+        var linkInstance = instance$217;
         linkInstance._p = new Promise(function (resolve, reject) {
           linkInstance.onload = resolve;
           linkInstance.onerror = reject;
@@ -15182,14 +15223,14 @@ function acquireResource(hoistableRoot, resource, props) {
             return (linkInstance._p.s = "e");
           }
         );
-        setInitialProperties(instance$219, "link", key);
-        insertStylesheet(instance$219, props.precedence, hoistableRoot);
-        return (resource.instance = instance$219);
+        setInitialProperties(instance$217, "link", key);
+        insertStylesheet(instance$217, props.precedence, hoistableRoot);
+        return (resource.instance = instance$217);
       case "script":
-        instance$219 = getScriptKey(props.src);
+        instance$217 = getScriptKey(props.src);
         if (
           (styleProps = hoistableRoot.querySelector(
-            "script[async]" + instance$219
+            "script[async]" + instance$217
           ))
         )
           return (
@@ -15198,7 +15239,7 @@ function acquireResource(hoistableRoot, resource, props) {
             styleProps
           );
         key = props;
-        if ((styleProps = preloadPropsMap.get(instance$219)))
+        if ((styleProps = preloadPropsMap.get(instance$217)))
           (key = assign({}, props)),
             adoptPreloadPropsForScript(key, styleProps);
         hoistableRoot = hoistableRoot.ownerDocument || hoistableRoot;
@@ -15676,17 +15717,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1782 = {
+var devToolsConfig$jscomp$inline_1775 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-1ad200fa",
+  version: "18.3.0-www-modern-04bef010",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2186 = {
-  bundleType: devToolsConfig$jscomp$inline_1782.bundleType,
-  version: devToolsConfig$jscomp$inline_1782.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1782.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1782.rendererConfig,
+var internals$jscomp$inline_2178 = {
+  bundleType: devToolsConfig$jscomp$inline_1775.bundleType,
+  version: devToolsConfig$jscomp$inline_1775.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1775.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1775.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15703,26 +15744,26 @@ var internals$jscomp$inline_2186 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1782.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1775.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-1ad200fa"
+  reconcilerVersion: "18.3.0-www-modern-04bef010"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2187 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2179 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2187.isDisabled &&
-    hook$jscomp$inline_2187.supportsFiber
+    !hook$jscomp$inline_2179.isDisabled &&
+    hook$jscomp$inline_2179.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2187.inject(
-        internals$jscomp$inline_2186
+      (rendererID = hook$jscomp$inline_2179.inject(
+        internals$jscomp$inline_2178
       )),
-        (injectedHook = hook$jscomp$inline_2187);
+        (injectedHook = hook$jscomp$inline_2179);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16030,4 +16071,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-1ad200fa";
+exports.version = "18.3.0-www-modern-04bef010";
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js
index fc2a98b1e649f..9d9cb4cbd3e92 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.classic.js
@@ -193,14 +193,8 @@ function getIteratorFn(maybeIterable) {
 }
 
 // Re-export dynamic flags from the www version.
-var dynamicFeatureFlags = require("ReactFeatureFlags");
+require("ReactFeatureFlags");
 
-var enableCustomElementPropertySupport =
-  dynamicFeatureFlags.enableCustomElementPropertySupport; // On WWW, false is used for a new modern build.
-
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -246,36 +240,6 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 } // When adding attributes to this list, be sure to also add them to
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js
index f3812c363fbd7..9d9cb4cbd3e92 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-dev.modern.js
@@ -193,14 +193,8 @@ function getIteratorFn(maybeIterable) {
 }
 
 // Re-export dynamic flags from the www version.
-var dynamicFeatureFlags = require("ReactFeatureFlags");
+require("ReactFeatureFlags");
 
-var enableCustomElementPropertySupport =
-  dynamicFeatureFlags.enableCustomElementPropertySupport; // On WWW, true is used for a new modern build.
-
-// It is handled by React separately and shouldn't be written to the DOM.
-
-var RESERVED = 0; // A simple string attribute.
 // Attributes that aren't in the filter are presumed to have this type.
 
 var STRING = 1; // A string attribute that accepts booleans in React. In HTML, these are called
@@ -246,36 +240,6 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 } // When adding attributes to this list, be sure to also add them to
-
-var reservedProps = [
-  "children",
-  "dangerouslySetInnerHTML", // TODO: This prevents the assignment of defaultValue to regular
-  // elements (not just inputs). Now that ReactDOMInput assigns to the
-  // defaultValue property -- do we need this?
-  "defaultValue",
-  "defaultChecked",
-  "innerHTML",
-  "suppressContentEditableWarning",
-  "suppressHydrationWarning",
-  "style"
-];
-
-if (enableCustomElementPropertySupport) {
-  reservedProps.push("innerText", "textContent");
-}
-
-reservedProps.forEach(function (name) {
-  // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
-  new PropertyInfoRecord(
-    name,
-    RESERVED,
-    false, // mustUseProperty
-    name, // attributeName
-    null, // attributeNamespace
-    false, // sanitizeURL
-    false
-  );
-}); // A few React string attributes have a different name.
 // This is a mapping from React prop names to the attribute names.
 
 [
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js
index 2980dfbf843a3..e3b50ba46f5d4 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.classic.js
@@ -61,6 +61,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   ),
   REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
   MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+require("ReactFeatureFlags");
 function PropertyInfoRecord(
   name,
   type,
@@ -79,15 +80,6 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var reservedProps =
-  "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-    " "
-  );
-require("ReactFeatureFlags").enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
diff --git a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js
index 2980dfbf843a3..e3b50ba46f5d4 100644
--- a/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js
+++ b/compiled/facebook-www/ReactFlightDOMRelayServer-prod.modern.js
@@ -61,6 +61,7 @@ var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   ),
   REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
   MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+require("ReactFeatureFlags");
 function PropertyInfoRecord(
   name,
   type,
@@ -79,15 +80,6 @@ function PropertyInfoRecord(
   this.sanitizeURL = sanitizeURL;
   this.removeEmptyString = removeEmptyString;
 }
-var reservedProps =
-  "children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style".split(
-    " "
-  );
-require("ReactFeatureFlags").enableCustomElementPropertySupport &&
-  reservedProps.push("innerText", "textContent");
-reservedProps.forEach(function (name) {
-  new PropertyInfoRecord(name, 0, !1, name, null, !1, !1);
-});
 [
   ["acceptCharset", "accept-charset"],
   ["className", "class"],
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index 5b47775d42767..6a742e3005ed7 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -24198,7 +24198,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-1ad200fa";
+var ReactVersion = "18.3.0-www-modern-04bef010";
 
 // Might add PROFILE later.