From d9b663c9c3749e2ff2f6bee727d48a53768c0a59 Mon Sep 17 00:00:00 2001
From: sebmarkbage <sebmarkbage@users.noreply.github.com>
Date: Thu, 30 Mar 2023 22:43:52 +0000
Subject: [PATCH] Limit the meaning of "custom element" to not include `is`
 (#26524)

This PR has a bunch of surrounding refactoring. See individual commits.

The main change is that we no longer special case `typeof is ===
'string'` as a special case according to the
`enableCustomElementPropertySupport` flag.

Effectively this means that you can't use custom properties/events,
other than the ones React knows about on `<input is="my-input">`
extensions.

This is unfortunate but there's too many paths that are forked in
inconsistent ways since we fork based on tag name. I think __the
solution is to let all React elements set unknown properties/events in
the same way as this flag__ but that's a bigger change than this flag
implies.

Since `is` is not universally supported yet anyway, this doesn't seem
like a huge loss. Attributes still work.

We still support passing the `is` prop and turn that into the
appropriate createElement call.

@josepharhar

DiffTrain build for [43a70a610dd2cc298ab5592deebfbf8f7bbac127](https://github.com/facebook/react/commit/43a70a610dd2cc298ab5592deebfbf8f7bbac127)
---
 compiled/facebook-www/REVISION                |   2 +-
 compiled/facebook-www/React-dev.modern.js     |   2 +-
 compiled/facebook-www/ReactART-dev.classic.js |   2 +-
 compiled/facebook-www/ReactART-prod.modern.js |   4 +-
 compiled/facebook-www/ReactDOM-dev.classic.js | 412 ++++++++----------
 compiled/facebook-www/ReactDOM-dev.modern.js  | 412 ++++++++----------
 .../facebook-www/ReactDOM-prod.classic.js     | 270 ++++++------
 compiled/facebook-www/ReactDOM-prod.modern.js | 270 ++++++------
 .../ReactDOM-profiling.classic.js             | 256 +++++------
 .../facebook-www/ReactDOM-profiling.modern.js | 256 +++++------
 .../ReactDOMServer-dev.classic.js             |  16 +-
 .../facebook-www/ReactDOMServer-dev.modern.js |  16 +-
 .../ReactDOMServer-prod.classic.js            |   4 +-
 .../ReactDOMServer-prod.modern.js             |   4 +-
 .../ReactDOMServerStreaming-dev.modern.js     |  14 +-
 .../ReactDOMServerStreaming-prod.modern.js    |   2 +-
 .../ReactDOMTesting-dev.classic.js            | 412 ++++++++----------
 .../ReactDOMTesting-dev.modern.js             | 412 ++++++++----------
 .../ReactDOMTesting-prod.classic.js           | 270 ++++++------
 .../ReactDOMTesting-prod.modern.js            | 270 ++++++------
 .../ReactTestRenderer-dev.modern.js           |   2 +-
 compiled/facebook-www/WARNINGS                |   3 +-
 22 files changed, 1477 insertions(+), 1834 deletions(-)

diff --git a/compiled/facebook-www/REVISION b/compiled/facebook-www/REVISION
index 176c4f3de34af..51bbf4e636808 100644
--- a/compiled/facebook-www/REVISION
+++ b/compiled/facebook-www/REVISION
@@ -1 +1 @@
-1a1d61fed98a02c9b1bac029d0bc11c3e4db896d
+43a70a610dd2cc298ab5592deebfbf8f7bbac127
diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
index 4952cb703ab6e..17806c543b3db 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-8f5a57f2";
+var ReactVersion = "18.3.0-www-modern-b298fcd9";
 
 // 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 2319b4237fb84..7886e7dc1157e 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-26d7a5d5";
+var ReactVersion = "18.3.0-www-classic-8643ce3a";
 
 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 c17cd1d589db5..7d738d7dcf2ad 100644
--- a/compiled/facebook-www/ReactART-prod.modern.js
+++ b/compiled/facebook-www/ReactART-prod.modern.js
@@ -9688,7 +9688,7 @@ var slice = Array.prototype.slice,
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-modern-132fb191",
+    version: "18.3.0-www-modern-b8a2f36f",
     rendererPackageName: "react-art"
   };
 var internals$jscomp$inline_1304 = {
@@ -9719,7 +9719,7 @@ var internals$jscomp$inline_1304 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-132fb191"
+  reconcilerVersion: "18.3.0-www-modern-b8a2f36f"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
   var hook$jscomp$inline_1305 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
index 6e7a4723eaae7..0ababccc7850e 100644
--- a/compiled/facebook-www/ReactDOM-dev.classic.js
+++ b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -3635,11 +3635,6 @@ function getValueForAttributeOnCustomComponent(node, name, 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) {
@@ -3840,11 +3835,7 @@ function setValueForAttribute(node, name, value) {
   }
 }
 function setValueForPropertyOnCustomComponent(node, name, value) {
-  if (
-    enableCustomElementPropertySupport &&
-    name[0] === "o" &&
-    name[1] === "n"
-  ) {
+  if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
     var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
@@ -3870,45 +3861,17 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
     }
   }
 
-  if (enableCustomElementPropertySupport && name in node) {
+  if (name in node) {
     node[name] = value;
     return;
   }
 
-  if (isAttributeNameSafe(name)) {
-    // 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": {
-        if (enableCustomElementPropertySupport) {
-          if (value === true) {
-            node.setAttribute(name, "");
-            return;
-          }
-
-          node.removeAttribute(name);
-          return;
-        }
-      }
-    }
-
-    {
-      checkAttributeStringCoercion(value, name);
-    }
+  if (value === true) {
+    node.setAttribute(name, "");
+    return;
+  } // From here, it's the same as any attribute
 
-    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
-  }
+  setValueForAttribute(node, name, value);
 }
 
 var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher;
@@ -5974,9 +5937,9 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -7011,7 +6974,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -7019,21 +6982,10 @@ function validateProperties(type, props, eventRegistry) {
 }
 
 var didWarnInvalidHydration = false;
-var didWarnScriptTags = false;
-var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
 {
-  warnedUnknownTags = {
-    // There are working polyfills for <dialog>. Let people use it.
-    dialog: true,
-    // Electron ships a custom <webview> tag to display external web content in
-    // an isolated frame and process.
-    // This tag is not present in non Electron environments such as JSDom which
-    // is often used for testing purposes.
-    // @see https://electronjs.org/docs/api/webview-tag
-    webview: true
-  }; // IE 11 parses & normalizes the style attribute as opposed to other
+  // IE 11 parses & normalizes the style attribute as opposed to other
   // browsers. It adds spaces and sorts the properties in some
   // non-alphabetical order. Handling that would require sorting CSS
   // properties in the client & server versions or applying
@@ -7041,7 +6993,6 @@ var canDiffStyleForHydrationWarning;
   // normalized. Since it only affects IE, we're skipping style warnings
   // in that browser completely in favor of doing all that work.
   // See https://github.com/facebook/react/issues/11807
-
   canDiffStyleForHydrationWarning =
     disableIEWorkarounds || (canUseDOM && !document.documentMode);
 }
@@ -7201,11 +7152,6 @@ function checkForUnmatchedText(
     throw new Error("Text content does not match server-rendered HTML.");
   }
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return rootContainerElement.nodeType === DOCUMENT_NODE
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 
 function noop$2() {}
 
@@ -7222,7 +7168,7 @@ function trapClickOnNonInteractiveElement(node) {
   node.onclick = noop$2;
 }
 
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style": {
       if (value != null && typeof value !== "object") {
@@ -7370,8 +7316,17 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
           warnForInvalidEventListener(key, value);
         }
       } else {
-        if (isCustomComponentTag) {
-          setValueForPropertyOnCustomComponent(domElement, key, value);
+        if (isCustomElementTag) {
+          if (enableCustomElementPropertySupport) {
+            setValueForPropertyOnCustomComponent(domElement, key, value);
+          } else {
+            if (typeof value === "boolean") {
+              // Special case before the new flag is on
+              value = "" + value;
+            }
+
+            setValueForAttribute(domElement, key, value);
+          }
         } else {
           if (
             // shouldIgnoreAttribute
@@ -7394,134 +7349,8 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       }
     }
   }
-} // creates a script element that won't execute
-
-function createPotentiallyInlineScriptElement(ownerDocument) {
-  // Create the script via .innerHTML so its "parser-inserted" flag is
-  // set to true and it does not execute
-  var div = ownerDocument.createElement("div");
-
-  {
-    if (enableTrustedTypesIntegration && !didWarnScriptTags) {
-      error(
-        "Encountered a script tag while rendering React component. " +
-          "Scripts inside React components are never executed when rendering " +
-          "on the client. Consider using template tag instead " +
-          "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
-      );
-
-      didWarnScriptTags = true;
-    }
-  }
-
-  div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
-  // This is guaranteed to yield a script element.
-
-  var firstChild = div.firstChild;
-  var element = div.removeChild(firstChild);
-  return element;
 }
-function createSelectElement(props, ownerDocument) {
-  var element;
-
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement("select", {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement("select");
-  }
-
-  if (props.multiple) {
-    element.multiple = true;
-  } else if (props.size) {
-    // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
-    // it is possible that no option is selected.
-    //
-    // This is only necessary when a select in "single selection mode".
-    element.size = props.size;
-  }
-
-  return element;
-} // Creates elements in the HTML namesapce
-
-function createHTMLElement(type, props, ownerDocument) {
-  {
-    switch (type) {
-      case "script":
-      case "select":
-        error(
-          'createHTMLElement was called with a "%s" type. This type has special creation logic in React and should use the create function implemented specifically for it. This is a bug in React.',
-          type
-        );
-
-        break;
-
-      case "svg":
-      case "math":
-        error(
-          'createHTMLElement was called with a "%s" type. This type must be created with Document.createElementNS which this method does not implement. This is a bug in React.',
-          type
-        );
-    }
-  }
-
-  var isCustomComponentTag;
-  var element;
-
-  {
-    isCustomComponentTag = isCustomComponent(type, props); // Should this check be gated by parent namespace? Not sure we want to
-    // allow <SVG> or <mATH>.
-
-    if (!isCustomComponentTag && type !== type.toLowerCase()) {
-      error(
-        "<%s /> is using incorrect casing. " +
-          "Use PascalCase for React components, " +
-          "or lowercase for HTML elements.",
-        type
-      );
-    }
-  }
 
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement(type, {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement(type);
-  }
-
-  {
-    if (
-      !isCustomComponentTag && // $FlowFixMe[method-unbinding]
-      Object.prototype.toString.call(element) ===
-        "[object HTMLUnknownElement]" &&
-      !hasOwnProperty.call(warnedUnknownTags, type)
-    ) {
-      warnedUnknownTags[type] = true;
-
-      error(
-        "The tag <%s> is unrecognized in this browser. " +
-          "If you meant to render a React component, start its name with " +
-          "an uppercase letter.",
-        type
-      );
-    }
-  }
-
-  return element;
-}
-function createTextNode(text, rootContainerElement) {
-  return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(
-    text
-  );
-}
 function setInitialProperties(domElement, tag, props) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -7794,7 +7623,6 @@ function setInitialProperties(domElement, tag, props) {
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey4, _propValue4, false, props);
           }
         }
@@ -7804,7 +7632,7 @@ function setInitialProperties(domElement, tag, props) {
     }
   }
 
-  var isCustomComponentTag = isCustomComponent(tag, props);
+  var isCustomElementTag = isCustomElement(tag);
 
   for (var _propKey5 in props) {
     if (!props.hasOwnProperty(_propKey5)) {
@@ -7817,14 +7645,7 @@ function setInitialProperties(domElement, tag, props) {
       continue;
     }
 
-    setProp(
-      domElement,
-      tag,
-      _propKey5,
-      _propValue5,
-      isCustomComponentTag,
-      props
-    );
+    setProp(domElement, tag, _propKey5, _propValue5, isCustomElementTag, props);
   }
 } // Calculate the diff between the two objects.
 
@@ -7926,6 +7747,12 @@ function diffProperties(domElement, tag, lastProps, nextProps) {
           break;
         }
 
+        case "is": {
+          error('Cannot update the "is" prop after it has been initialized.');
+        }
+
+        // eslint-disable-next-line no-fallthrough
+
         default: {
           (updatePayload = updatePayload || []).push(propKey, nextProp);
         }
@@ -8129,7 +7956,6 @@ function updateProperties(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey9, _propValue9, false, nextProps);
           }
         }
@@ -8137,10 +7963,9 @@ function updateProperties(
 
       return;
     }
-  } // TODO: Handle wasCustomComponentTag. Changing "is" isn't valid.
-  // const wasCustomComponentTag = isCustomComponent(tag, lastProps);
+  }
 
-  var isCustomComponentTag = isCustomComponent(tag, nextProps); // Apply the diff.
+  var isCustomElementTag = isCustomElement(tag); // Apply the diff.
 
   for (var _i5 = 0; _i5 < updatePayload.length; _i5 += 2) {
     var _propKey10 = updatePayload[_i5];
@@ -8150,7 +7975,7 @@ function updateProperties(
       tag,
       _propKey10,
       _propValue10,
-      isCustomComponentTag,
+      isCustomElementTag,
       nextProps
     );
   }
@@ -8271,6 +8096,25 @@ function diffHydratedCustomComponent(
 
       // eslint-disable-next-line no-fallthrough
 
+      case "className":
+        if (enableCustomElementPropertySupport) {
+          // className is a special cased property on the server to render as an attribute.
+          extraAttributeNames.delete("class");
+          var serverValue = getValueForAttributeOnCustomComponent(
+            domElement,
+            "class",
+            nextProp
+          );
+
+          if (nextProp !== serverValue) {
+            warnForPropDifference("className", serverValue, nextProp);
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
       default: {
         var ownNamespaceDev = parentNamespaceDev;
 
@@ -8284,14 +8128,14 @@ function diffHydratedCustomComponent(
           extraAttributeNames.delete(propKey);
         }
 
-        var serverValue = getValueForAttributeOnCustomComponent(
+        var _serverValue = getValueForAttributeOnCustomComponent(
           domElement,
           propKey,
           nextProp
         );
 
-        if (nextProp !== serverValue) {
-          warnForPropDifference(propKey, serverValue, nextProp);
+        if (nextProp !== _serverValue) {
+          warnForPropDifference(propKey, _serverValue, nextProp);
         }
       }
     }
@@ -8366,10 +8210,10 @@ function diffHydratedGenericElement(
 
       case "multiple": {
         extraAttributeNames.delete(propKey);
-        var _serverValue = domElement.multiple;
+        var _serverValue2 = domElement.multiple;
 
-        if (nextProp !== _serverValue) {
-          warnForPropDifference("multiple", _serverValue, nextProp);
+        if (nextProp !== _serverValue2) {
+          warnForPropDifference("multiple", _serverValue2, nextProp);
         }
 
         continue;
@@ -8377,10 +8221,10 @@ function diffHydratedGenericElement(
 
       case "muted": {
         extraAttributeNames.delete(propKey);
-        var _serverValue2 = domElement.muted;
+        var _serverValue3 = domElement.muted;
 
-        if (nextProp !== _serverValue2) {
-          warnForPropDifference("muted", _serverValue2, nextProp);
+        if (nextProp !== _serverValue3) {
+          warnForPropDifference("muted", _serverValue3, nextProp);
         }
 
         continue;
@@ -8603,7 +8447,7 @@ function diffHydratedProperties(
       }
     }
 
-    if (isCustomComponent(tag, props)) {
+    if (isCustomElement(tag)) {
       diffHydratedCustomComponent(
         domElement,
         tag,
@@ -9846,6 +9690,13 @@ var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
 var eventsEnabled = null;
 var selectionInformation = null;
+
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return rootContainerElement.nodeType === DOCUMENT_NODE
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+
 function getRootHostContext(rootContainerInstance) {
   var type;
   var namespace;
@@ -9944,13 +9795,24 @@ function createHoistableInstance(
   internalInstanceHandle
 ) {
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  var domElement = createHTMLElement(type, props, ownerDocument);
+  var domElement = ownerDocument.createElement(type);
   precacheFiberNode(internalInstanceHandle, domElement);
   updateFiberProps(domElement, props);
   setInitialProperties(domElement, type, props);
   markNodeAsHoistable(domElement);
   return domElement;
 }
+var didWarnScriptTags = false;
+var warnedUnknownTags = {
+  // There are working polyfills for <dialog>. Let people use it.
+  dialog: true,
+  // Electron ships a custom <webview> tag to display external web content in
+  // an isolated frame and process.
+  // This tag is not present in non Electron environments such as JSDom which
+  // is often used for testing purposes.
+  // @see https://electronjs.org/docs/api/webview-tag
+  webview: true
+};
 function createInstance(
   type,
   props,
@@ -9991,24 +9853,110 @@ function createInstance(
 
     default:
       switch (type) {
-        case "svg":
+        case "svg": {
           domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
           break;
+        }
 
-        case "math":
+        case "math": {
           domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
           break;
+        }
 
-        case "script":
-          domElement = createPotentiallyInlineScriptElement(ownerDocument);
+        case "script": {
+          // Create the script via .innerHTML so its "parser-inserted" flag is
+          // set to true and it does not execute
+          var div = ownerDocument.createElement("div");
+
+          {
+            if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+              error(
+                "Encountered a script tag while rendering React component. " +
+                  "Scripts inside React components are never executed when rendering " +
+                  "on the client. Consider using template tag instead " +
+                  "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
+              );
+
+              didWarnScriptTags = true;
+            }
+          }
+
+          div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
+          // This is guaranteed to yield a script element.
+
+          var firstChild = div.firstChild;
+          domElement = div.removeChild(firstChild);
           break;
+        }
+
+        case "select": {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement("select", {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement("select");
+          }
+
+          if (props.multiple) {
+            domElement.multiple = true;
+          } else if (props.size) {
+            // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
+            // it is possible that no option is selected.
+            //
+            // This is only necessary when a select in "single selection mode".
+            domElement.size = props.size;
+          }
 
-        case "select":
-          domElement = createSelectElement(props, ownerDocument);
           break;
+        }
 
-        default:
-          domElement = createHTMLElement(type, props, ownerDocument);
+        default: {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement(type, {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement(type);
+          }
+
+          {
+            if (type.indexOf("-") === -1) {
+              // We're not SVG/MathML and we don't have a dash, so we're not a custom element
+              // Even if you use `is`, these should be of known type and lower case.
+              if (type !== type.toLowerCase()) {
+                error(
+                  "<%s /> is using incorrect casing. " +
+                    "Use PascalCase for React components, " +
+                    "or lowercase for HTML elements.",
+                  type
+                );
+              }
+
+              if (
+                // $FlowFixMe[method-unbinding]
+                Object.prototype.toString.call(domElement) ===
+                  "[object HTMLUnknownElement]" &&
+                !hasOwnProperty.call(warnedUnknownTags, type)
+              ) {
+                warnedUnknownTags[type] = true;
+
+                error(
+                  "The tag <%s> is unrecognized in this browser. " +
+                    "If you meant to render a React component, start its name with " +
+                    "an uppercase letter.",
+                  type
+                );
+              }
+            }
+          }
+        }
       }
   }
 
@@ -10078,7 +10026,9 @@ function createTextInstance(
     validateDOMNesting(null, text, hostContextDev.ancestorInfo);
   }
 
-  var textNode = createTextNode(text, rootContainerInstance);
+  var textNode = getOwnerDocumentFromRootContainer(
+    rootContainerInstance
+  ).createTextNode(text);
   precacheFiberNode(internalInstanceHandle, textNode);
   return textNode;
 }
@@ -39614,7 +39564,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-3fd40c97";
+var ReactVersion = "18.3.0-www-classic-17634136";
 
 function createPortal$1(
   children,
@@ -41883,7 +41833,7 @@ function extractEvents$4(
   } else if (
     enableCustomElementPropertySupport &&
     targetInst &&
-    isCustomComponent(targetInst.elementType, targetInst.memoizedProps)
+    isCustomElement(targetInst.elementType)
   ) {
     getTargetInstFunc = getTargetInstForChangeEvent;
   }
diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
index 97bac3c5f47b6..1f33ad0167dbe 100644
--- a/compiled/facebook-www/ReactDOM-dev.modern.js
+++ b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -3152,11 +3152,6 @@ function getValueForAttributeOnCustomComponent(node, name, 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) {
@@ -3357,11 +3352,7 @@ function setValueForAttribute(node, name, value) {
   }
 }
 function setValueForPropertyOnCustomComponent(node, name, value) {
-  if (
-    enableCustomElementPropertySupport &&
-    name[0] === "o" &&
-    name[1] === "n"
-  ) {
+  if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
     var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
@@ -3387,45 +3378,17 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
     }
   }
 
-  if (enableCustomElementPropertySupport && name in node) {
+  if (name in node) {
     node[name] = value;
     return;
   }
 
-  if (isAttributeNameSafe(name)) {
-    // 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": {
-        if (enableCustomElementPropertySupport) {
-          if (value === true) {
-            node.setAttribute(name, "");
-            return;
-          }
-
-          node.removeAttribute(name);
-          return;
-        }
-      }
-    }
-
-    {
-      checkAttributeStringCoercion(value, name);
-    }
+  if (value === true) {
+    node.setAttribute(name, "");
+    return;
+  } // From here, it's the same as any attribute
 
-    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
-  }
+  setValueForAttribute(node, name, value);
 }
 
 var ReactSharedInternals =
@@ -5755,9 +5718,9 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -6792,7 +6755,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -33637,7 +33600,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-132fb191";
+var ReactVersion = "18.3.0-www-modern-b8a2f36f";
 
 function createPortal$1(
   children,
@@ -36846,7 +36809,7 @@ function extractEvents$4(
   } else if (
     enableCustomElementPropertySupport &&
     targetInst &&
-    isCustomComponent(targetInst.elementType, targetInst.memoizedProps)
+    isCustomElement(targetInst.elementType)
   ) {
     getTargetInstFunc = getTargetInstForChangeEvent;
   }
@@ -38876,21 +38839,10 @@ function getListenerSetKey(domEventName, capture) {
 }
 
 var didWarnInvalidHydration = false;
-var didWarnScriptTags = false;
-var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
 {
-  warnedUnknownTags = {
-    // There are working polyfills for <dialog>. Let people use it.
-    dialog: true,
-    // Electron ships a custom <webview> tag to display external web content in
-    // an isolated frame and process.
-    // This tag is not present in non Electron environments such as JSDom which
-    // is often used for testing purposes.
-    // @see https://electronjs.org/docs/api/webview-tag
-    webview: true
-  }; // IE 11 parses & normalizes the style attribute as opposed to other
+  // IE 11 parses & normalizes the style attribute as opposed to other
   // browsers. It adds spaces and sorts the properties in some
   // non-alphabetical order. Handling that would require sorting CSS
   // properties in the client & server versions or applying
@@ -38898,7 +38850,6 @@ var canDiffStyleForHydrationWarning;
   // normalized. Since it only affects IE, we're skipping style warnings
   // in that browser completely in favor of doing all that work.
   // See https://github.com/facebook/react/issues/11807
-
   canDiffStyleForHydrationWarning =
     disableIEWorkarounds || (canUseDOM && !document.documentMode);
 }
@@ -39058,11 +39009,6 @@ function checkForUnmatchedText(
     throw new Error("Text content does not match server-rendered HTML.");
   }
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return rootContainerElement.nodeType === DOCUMENT_NODE
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 
 function noop$1() {}
 
@@ -39079,7 +39025,7 @@ function trapClickOnNonInteractiveElement(node) {
   node.onclick = noop$1;
 }
 
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style": {
       if (value != null && typeof value !== "object") {
@@ -39227,8 +39173,17 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
           warnForInvalidEventListener(key, value);
         }
       } else {
-        if (isCustomComponentTag) {
-          setValueForPropertyOnCustomComponent(domElement, key, value);
+        if (isCustomElementTag) {
+          if (enableCustomElementPropertySupport) {
+            setValueForPropertyOnCustomComponent(domElement, key, value);
+          } else {
+            if (typeof value === "boolean") {
+              // Special case before the new flag is on
+              value = "" + value;
+            }
+
+            setValueForAttribute(domElement, key, value);
+          }
         } else {
           if (
             // shouldIgnoreAttribute
@@ -39251,134 +39206,8 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       }
     }
   }
-} // creates a script element that won't execute
-
-function createPotentiallyInlineScriptElement(ownerDocument) {
-  // Create the script via .innerHTML so its "parser-inserted" flag is
-  // set to true and it does not execute
-  var div = ownerDocument.createElement("div");
-
-  {
-    if (enableTrustedTypesIntegration && !didWarnScriptTags) {
-      error(
-        "Encountered a script tag while rendering React component. " +
-          "Scripts inside React components are never executed when rendering " +
-          "on the client. Consider using template tag instead " +
-          "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
-      );
-
-      didWarnScriptTags = true;
-    }
-  }
-
-  div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
-  // This is guaranteed to yield a script element.
-
-  var firstChild = div.firstChild;
-  var element = div.removeChild(firstChild);
-  return element;
 }
-function createSelectElement(props, ownerDocument) {
-  var element;
-
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement("select", {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement("select");
-  }
-
-  if (props.multiple) {
-    element.multiple = true;
-  } else if (props.size) {
-    // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
-    // it is possible that no option is selected.
-    //
-    // This is only necessary when a select in "single selection mode".
-    element.size = props.size;
-  }
-
-  return element;
-} // Creates elements in the HTML namesapce
-
-function createHTMLElement(type, props, ownerDocument) {
-  {
-    switch (type) {
-      case "script":
-      case "select":
-        error(
-          'createHTMLElement was called with a "%s" type. This type has special creation logic in React and should use the create function implemented specifically for it. This is a bug in React.',
-          type
-        );
-
-        break;
-
-      case "svg":
-      case "math":
-        error(
-          'createHTMLElement was called with a "%s" type. This type must be created with Document.createElementNS which this method does not implement. This is a bug in React.',
-          type
-        );
-    }
-  }
-
-  var isCustomComponentTag;
-  var element;
-
-  {
-    isCustomComponentTag = isCustomComponent(type, props); // Should this check be gated by parent namespace? Not sure we want to
-    // allow <SVG> or <mATH>.
-
-    if (!isCustomComponentTag && type !== type.toLowerCase()) {
-      error(
-        "<%s /> is using incorrect casing. " +
-          "Use PascalCase for React components, " +
-          "or lowercase for HTML elements.",
-        type
-      );
-    }
-  }
 
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement(type, {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement(type);
-  }
-
-  {
-    if (
-      !isCustomComponentTag && // $FlowFixMe[method-unbinding]
-      Object.prototype.toString.call(element) ===
-        "[object HTMLUnknownElement]" &&
-      !hasOwnProperty.call(warnedUnknownTags, type)
-    ) {
-      warnedUnknownTags[type] = true;
-
-      error(
-        "The tag <%s> is unrecognized in this browser. " +
-          "If you meant to render a React component, start its name with " +
-          "an uppercase letter.",
-        type
-      );
-    }
-  }
-
-  return element;
-}
-function createTextNode(text, rootContainerElement) {
-  return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(
-    text
-  );
-}
 function setInitialProperties(domElement, tag, props) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -39651,7 +39480,6 @@ function setInitialProperties(domElement, tag, props) {
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey4, _propValue4, false, props);
           }
         }
@@ -39661,7 +39489,7 @@ function setInitialProperties(domElement, tag, props) {
     }
   }
 
-  var isCustomComponentTag = isCustomComponent(tag, props);
+  var isCustomElementTag = isCustomElement(tag);
 
   for (var _propKey5 in props) {
     if (!props.hasOwnProperty(_propKey5)) {
@@ -39674,14 +39502,7 @@ function setInitialProperties(domElement, tag, props) {
       continue;
     }
 
-    setProp(
-      domElement,
-      tag,
-      _propKey5,
-      _propValue5,
-      isCustomComponentTag,
-      props
-    );
+    setProp(domElement, tag, _propKey5, _propValue5, isCustomElementTag, props);
   }
 } // Calculate the diff between the two objects.
 
@@ -39783,6 +39604,12 @@ function diffProperties(domElement, tag, lastProps, nextProps) {
           break;
         }
 
+        case "is": {
+          error('Cannot update the "is" prop after it has been initialized.');
+        }
+
+        // eslint-disable-next-line no-fallthrough
+
         default: {
           (updatePayload = updatePayload || []).push(propKey, nextProp);
         }
@@ -39986,7 +39813,6 @@ function updateProperties(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey9, _propValue9, false, nextProps);
           }
         }
@@ -39994,10 +39820,9 @@ function updateProperties(
 
       return;
     }
-  } // TODO: Handle wasCustomComponentTag. Changing "is" isn't valid.
-  // const wasCustomComponentTag = isCustomComponent(tag, lastProps);
+  }
 
-  var isCustomComponentTag = isCustomComponent(tag, nextProps); // Apply the diff.
+  var isCustomElementTag = isCustomElement(tag); // Apply the diff.
 
   for (var _i5 = 0; _i5 < updatePayload.length; _i5 += 2) {
     var _propKey10 = updatePayload[_i5];
@@ -40007,7 +39832,7 @@ function updateProperties(
       tag,
       _propKey10,
       _propValue10,
-      isCustomComponentTag,
+      isCustomElementTag,
       nextProps
     );
   }
@@ -40128,6 +39953,25 @@ function diffHydratedCustomComponent(
 
       // eslint-disable-next-line no-fallthrough
 
+      case "className":
+        if (enableCustomElementPropertySupport) {
+          // className is a special cased property on the server to render as an attribute.
+          extraAttributeNames.delete("class");
+          var serverValue = getValueForAttributeOnCustomComponent(
+            domElement,
+            "class",
+            nextProp
+          );
+
+          if (nextProp !== serverValue) {
+            warnForPropDifference("className", serverValue, nextProp);
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
       default: {
         var ownNamespaceDev = parentNamespaceDev;
 
@@ -40141,14 +39985,14 @@ function diffHydratedCustomComponent(
           extraAttributeNames.delete(propKey);
         }
 
-        var serverValue = getValueForAttributeOnCustomComponent(
+        var _serverValue = getValueForAttributeOnCustomComponent(
           domElement,
           propKey,
           nextProp
         );
 
-        if (nextProp !== serverValue) {
-          warnForPropDifference(propKey, serverValue, nextProp);
+        if (nextProp !== _serverValue) {
+          warnForPropDifference(propKey, _serverValue, nextProp);
         }
       }
     }
@@ -40223,10 +40067,10 @@ function diffHydratedGenericElement(
 
       case "multiple": {
         extraAttributeNames.delete(propKey);
-        var _serverValue = domElement.multiple;
+        var _serverValue2 = domElement.multiple;
 
-        if (nextProp !== _serverValue) {
-          warnForPropDifference("multiple", _serverValue, nextProp);
+        if (nextProp !== _serverValue2) {
+          warnForPropDifference("multiple", _serverValue2, nextProp);
         }
 
         continue;
@@ -40234,10 +40078,10 @@ function diffHydratedGenericElement(
 
       case "muted": {
         extraAttributeNames.delete(propKey);
-        var _serverValue2 = domElement.muted;
+        var _serverValue3 = domElement.muted;
 
-        if (nextProp !== _serverValue2) {
-          warnForPropDifference("muted", _serverValue2, nextProp);
+        if (nextProp !== _serverValue3) {
+          warnForPropDifference("muted", _serverValue3, nextProp);
         }
 
         continue;
@@ -40460,7 +40304,7 @@ function diffHydratedProperties(
       }
     }
 
-    if (isCustomComponent(tag, props)) {
+    if (isCustomElement(tag)) {
       diffHydratedCustomComponent(
         domElement,
         tag,
@@ -41251,6 +41095,13 @@ var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
 var eventsEnabled = null;
 var selectionInformation = null;
+
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return rootContainerElement.nodeType === DOCUMENT_NODE
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+
 function getRootHostContext(rootContainerInstance) {
   var type;
   var namespace;
@@ -41349,13 +41200,24 @@ function createHoistableInstance(
   internalInstanceHandle
 ) {
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  var domElement = createHTMLElement(type, props, ownerDocument);
+  var domElement = ownerDocument.createElement(type);
   precacheFiberNode(internalInstanceHandle, domElement);
   updateFiberProps(domElement, props);
   setInitialProperties(domElement, type, props);
   markNodeAsHoistable(domElement);
   return domElement;
 }
+var didWarnScriptTags = false;
+var warnedUnknownTags = {
+  // There are working polyfills for <dialog>. Let people use it.
+  dialog: true,
+  // Electron ships a custom <webview> tag to display external web content in
+  // an isolated frame and process.
+  // This tag is not present in non Electron environments such as JSDom which
+  // is often used for testing purposes.
+  // @see https://electronjs.org/docs/api/webview-tag
+  webview: true
+};
 function createInstance(
   type,
   props,
@@ -41396,24 +41258,110 @@ function createInstance(
 
     default:
       switch (type) {
-        case "svg":
+        case "svg": {
           domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
           break;
+        }
 
-        case "math":
+        case "math": {
           domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
           break;
+        }
 
-        case "script":
-          domElement = createPotentiallyInlineScriptElement(ownerDocument);
+        case "script": {
+          // Create the script via .innerHTML so its "parser-inserted" flag is
+          // set to true and it does not execute
+          var div = ownerDocument.createElement("div");
+
+          {
+            if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+              error(
+                "Encountered a script tag while rendering React component. " +
+                  "Scripts inside React components are never executed when rendering " +
+                  "on the client. Consider using template tag instead " +
+                  "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
+              );
+
+              didWarnScriptTags = true;
+            }
+          }
+
+          div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
+          // This is guaranteed to yield a script element.
+
+          var firstChild = div.firstChild;
+          domElement = div.removeChild(firstChild);
           break;
+        }
+
+        case "select": {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement("select", {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement("select");
+          }
+
+          if (props.multiple) {
+            domElement.multiple = true;
+          } else if (props.size) {
+            // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
+            // it is possible that no option is selected.
+            //
+            // This is only necessary when a select in "single selection mode".
+            domElement.size = props.size;
+          }
 
-        case "select":
-          domElement = createSelectElement(props, ownerDocument);
           break;
+        }
 
-        default:
-          domElement = createHTMLElement(type, props, ownerDocument);
+        default: {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement(type, {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement(type);
+          }
+
+          {
+            if (type.indexOf("-") === -1) {
+              // We're not SVG/MathML and we don't have a dash, so we're not a custom element
+              // Even if you use `is`, these should be of known type and lower case.
+              if (type !== type.toLowerCase()) {
+                error(
+                  "<%s /> is using incorrect casing. " +
+                    "Use PascalCase for React components, " +
+                    "or lowercase for HTML elements.",
+                  type
+                );
+              }
+
+              if (
+                // $FlowFixMe[method-unbinding]
+                Object.prototype.toString.call(domElement) ===
+                  "[object HTMLUnknownElement]" &&
+                !hasOwnProperty.call(warnedUnknownTags, type)
+              ) {
+                warnedUnknownTags[type] = true;
+
+                error(
+                  "The tag <%s> is unrecognized in this browser. " +
+                    "If you meant to render a React component, start its name with " +
+                    "an uppercase letter.",
+                  type
+                );
+              }
+            }
+          }
+        }
       }
   }
 
@@ -41483,7 +41431,9 @@ function createTextInstance(
     validateDOMNesting(null, text, hostContextDev.ancestorInfo);
   }
 
-  var textNode = createTextNode(text, rootContainerInstance);
+  var textNode = getOwnerDocumentFromRootContainer(
+    rootContainerInstance
+  ).createTextNode(text);
   precacheFiberNode(internalInstanceHandle, textNode);
   return textNode;
 }
diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js
index bedb3e30829d1..1660bdbb061e3 100644
--- a/compiled/facebook-www/ReactDOM-prod.classic.js
+++ b/compiled/facebook-www/ReactDOM-prod.classic.js
@@ -874,6 +874,29 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
+function setValueForAttribute(node, name, value) {
+  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":
+          var prefix$10 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$10 && "aria-" !== prefix$10) {
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+    }
+}
 var prefix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
@@ -1287,8 +1310,8 @@ function setTextContent(node, text) {
   }
   node.textContent = text;
 }
-function isCustomComponent(tagName, props) {
-  if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
+function isCustomElement(tagName) {
+  if (-1 === tagName.indexOf("-")) return !1;
   switch (tagName) {
     case "annotation-xml":
     case "color-profile":
@@ -1310,33 +1333,29 @@ function normalizeMarkupForTextOrAttribute(markup) {
     .replace(NORMALIZE_NEWLINES_REGEX, "\n")
     .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 function noop$2() {}
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style":
       if (null != value && "object" !== typeof value)
         throw Error(formatProdErrorMessage(62));
+      key = value;
       domElement = domElement.style;
-      for (var styleName in value)
-        if (value.hasOwnProperty(styleName))
+      for (var styleName in key)
+        if (key.hasOwnProperty(styleName))
           if (
-            ((key = value[styleName]),
+            ((value = key[styleName]),
             (props = 0 === styleName.indexOf("--")),
-            null == key || "boolean" === typeof key || "" === key)
+            null == value || "boolean" === typeof value || "" === value)
           )
             props
               ? domElement.setProperty(styleName, "")
               : "float" === styleName
               ? (domElement.cssFloat = "")
               : (domElement[styleName] = "");
-          else if (props) domElement.setProperty(styleName, key);
+          else if (props) domElement.setProperty(styleName, value);
           else {
-            if (!(props = "number" !== typeof key || 0 === key))
+            if (!(props = "number" !== typeof value || 0 === value))
               a: switch (styleName) {
                 case "animationIterationCount":
                 case "aspectRatio":
@@ -1416,21 +1435,21 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
               }
             props
               ? "float" === styleName
-                ? (domElement.cssFloat = key)
-                : (domElement[styleName] = ("" + key).trim())
-              : (domElement[styleName] = key + "px");
+                ? (domElement.cssFloat = value)
+                : (domElement[styleName] = ("" + value).trim())
+              : (domElement[styleName] = value + "px");
           }
       break;
     case "dangerouslySetInnerHTML":
       if (null != value) {
         if ("object" !== typeof value || !("__html" in value))
           throw Error(formatProdErrorMessage(61));
-        value = value.__html;
-        if (null != value) {
+        key = value.__html;
+        if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
           disableIEWorkarounds
-            ? (domElement.innerHTML = value)
-            : setInnerHTML$1(domElement, value);
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -1470,56 +1489,39 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       if (enableCustomElementPropertySupport) break;
     default:
       if (!registrationNameDependencies.hasOwnProperty(key))
-        if (isCustomComponentTag)
-          a: {
-            if (
-              enableCustomElementPropertySupport &&
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((styleName = key.endsWith("Capture")),
-              (props = key.substr(2, styleName ? key.length - 9 : void 0)),
-              (tag = getFiberCurrentPropsFromNode(domElement)),
-              (tag = null != tag ? tag[key] : null),
-              "function" === typeof tag &&
-                domElement.removeEventListener(props, tag, styleName),
-              "function" === typeof value)
-            ) {
-              "function" !== typeof tag &&
-                null !== tag &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(props, value, styleName);
-              break a;
-            }
-            if (enableCustomElementPropertySupport && key in domElement)
-              domElement[key] = value;
-            else if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (enableCustomElementPropertySupport) {
-                      if (!0 === value) {
-                        domElement.setAttribute(key, "");
-                        break a;
-                      }
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
+        if (isCustomElementTag)
+          if (enableCustomElementPropertySupport)
+            a: {
+              styleName = value;
+              if (
+                "o" === key[0] &&
+                "n" === key[1] &&
+                ((value = key.endsWith("Capture")),
+                (props = key.substr(2, value ? key.length - 9 : void 0)),
+                (tag = getFiberCurrentPropsFromNode(domElement)),
+                (tag = null != tag ? tag[key] : null),
+                "function" === typeof tag &&
+                  domElement.removeEventListener(props, tag, value),
+                "function" === typeof styleName)
+              ) {
+                "function" !== typeof tag &&
+                  null !== tag &&
+                  (key in domElement
+                    ? (domElement[key] = null)
+                    : domElement.hasAttribute(key) &&
+                      domElement.removeAttribute(key));
+                domElement.addEventListener(props, styleName, value);
+                break a;
               }
-          }
+              key in domElement
+                ? (domElement[key] = styleName)
+                : !0 === styleName
+                ? domElement.setAttribute(key, "")
+                : setValueForAttribute(domElement, key, styleName);
+            }
+          else
+            "boolean" === typeof value && (value = "" + value),
+              setValueForAttribute(domElement, key, value);
         else if (
           !(2 < key.length) ||
           ("o" !== key[0] && "O" !== key[0]) ||
@@ -1584,37 +1586,9 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
                         : domElement.setAttribute(key, value);
                 }
             }
-          else
-            a: if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (
-                      ((styleName = key.toLowerCase().slice(0, 5)),
-                      "data-" !== styleName && "aria-" !== styleName)
-                    ) {
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
-              }
+          else setValueForAttribute(domElement, key, value);
   }
 }
-function createHTMLElement(type, props, ownerDocument) {
-  return "string" === typeof props.is
-    ? ownerDocument.createElement(type, { is: props.is })
-    : ownerDocument.createElement(type);
-}
 function setInitialProperties(domElement, tag, props) {
   switch (tag) {
     case "input":
@@ -1763,7 +1737,7 @@ function setInitialProperties(domElement, tag, props) {
           }
       return;
   }
-  propKey = isCustomComponent(tag, props);
+  propKey = isCustomElement(tag);
   for (node in props)
     props.hasOwnProperty(node) &&
       ((propValue = props[node]),
@@ -1909,7 +1883,7 @@ function updateProperties(
         }
       return;
   }
-  lastProps = isCustomComponent(tag, nextProps);
+  lastProps = isCustomElement(tag);
   for (propValue = 0; propValue < updatePayload.length; propValue += 2)
     setProp(
       domElement,
@@ -2094,6 +2068,11 @@ function restoreSelection(priorSelectionInformation) {
 var Dispatcher$1 = Internals.Dispatcher,
   eventsEnabled = null,
   selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
 function shouldSetTextContent(type, props) {
   return (
     "textarea" === type ||
@@ -8243,11 +8222,12 @@ function completeWork(current, workInProgress, renderLanes) {
                     : newProps.size && (current.size = newProps.size);
                   break;
                 default:
-                  current = createHTMLElement(
-                    renderLanes,
-                    newProps,
-                    nextResource
-                  );
+                  current =
+                    "string" === typeof newProps.is
+                      ? nextResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : nextResource.createElement(renderLanes);
               }
           }
           current[internalInstanceKey] = workInProgress;
@@ -12782,8 +12762,7 @@ beginWork = function (current, workInProgress, renderLanes) {
           (current = workInProgress.pendingProps),
           (Component = getOwnerDocumentFromRootContainer(
             rootInstanceStackCursor.current
-          )),
-          (Component = createHTMLElement(renderLanes, current, Component)),
+          ).createElement(renderLanes)),
           (Component[internalInstanceKey] = workInProgress),
           (Component[internalPropsKey] = current),
           setInitialProperties(Component, renderLanes, current),
@@ -14254,14 +14233,14 @@ var isInputEventSupported = !1;
 if (canUseDOM) {
   var JSCompiler_inline_result$jscomp$340;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1622 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1622) {
-      var element$jscomp$inline_1623 = document.createElement("div");
-      element$jscomp$inline_1623.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1622 =
-        "function" === typeof element$jscomp$inline_1623.oninput;
+    var isSupported$jscomp$inline_1627 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1627) {
+      var element$jscomp$inline_1628 = document.createElement("div");
+      element$jscomp$inline_1628.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1627 =
+        "function" === typeof element$jscomp$inline_1628.oninput;
     }
-    JSCompiler_inline_result$jscomp$340 = isSupported$jscomp$inline_1622;
+    JSCompiler_inline_result$jscomp$340 = isSupported$jscomp$inline_1627;
   } else JSCompiler_inline_result$jscomp$340 = !1;
   isInputEventSupported =
     JSCompiler_inline_result$jscomp$340 &&
@@ -14402,20 +14381,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1635 = 0;
-  i$jscomp$inline_1635 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1635++
+  var i$jscomp$inline_1640 = 0;
+  i$jscomp$inline_1640 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1640++
 ) {
-  var eventName$jscomp$inline_1636 =
-      simpleEventPluginEvents[i$jscomp$inline_1635],
-    domEventName$jscomp$inline_1637 =
-      eventName$jscomp$inline_1636.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1638 =
-      eventName$jscomp$inline_1636[0].toUpperCase() +
-      eventName$jscomp$inline_1636.slice(1);
+  var eventName$jscomp$inline_1641 =
+      simpleEventPluginEvents[i$jscomp$inline_1640],
+    domEventName$jscomp$inline_1642 =
+      eventName$jscomp$inline_1641.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1643 =
+      eventName$jscomp$inline_1641[0].toUpperCase() +
+      eventName$jscomp$inline_1641.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1637,
-    "on" + capitalizedEvent$jscomp$inline_1638
+    domEventName$jscomp$inline_1642,
+    "on" + capitalizedEvent$jscomp$inline_1643
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14955,10 +14934,7 @@ function dispatchEventForPluginEventSystem(
             ("checkbox" !== reactName.type && "radio" !== reactName.type)
               ? enableCustomElementPropertySupport &&
                 targetInst &&
-                isCustomComponent(
-                  targetInst.elementType,
-                  targetInst.memoizedProps
-                ) &&
+                isCustomElement(targetInst.elementType) &&
                 (getTargetInstFunc = getTargetInstForChangeEvent)
               : (getTargetInstFunc = getTargetInstForClickEvent);
         if (
@@ -16105,17 +16081,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1791 = {
+var devToolsConfig$jscomp$inline_1796 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-5601570d",
+  version: "18.3.0-www-classic-4264d861",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2183 = {
-  bundleType: devToolsConfig$jscomp$inline_1791.bundleType,
-  version: devToolsConfig$jscomp$inline_1791.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1791.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1791.rendererConfig,
+var internals$jscomp$inline_2173 = {
+  bundleType: devToolsConfig$jscomp$inline_1796.bundleType,
+  version: devToolsConfig$jscomp$inline_1796.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1796.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1796.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16131,26 +16107,26 @@ var internals$jscomp$inline_2183 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1791.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1796.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-5601570d"
+  reconcilerVersion: "18.3.0-www-classic-4264d861"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2184 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2174 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2184.isDisabled &&
-    hook$jscomp$inline_2184.supportsFiber
+    !hook$jscomp$inline_2174.isDisabled &&
+    hook$jscomp$inline_2174.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2184.inject(
-        internals$jscomp$inline_2183
+      (rendererID = hook$jscomp$inline_2174.inject(
+        internals$jscomp$inline_2173
       )),
-        (injectedHook = hook$jscomp$inline_2184);
+        (injectedHook = hook$jscomp$inline_2174);
     } catch (err) {}
 }
 assign(Internals, {
@@ -16378,4 +16354,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-5601570d";
+exports.version = "18.3.0-www-classic-4264d861";
diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js
index 038b7a9391bec..6a69a43acb1bb 100644
--- a/compiled/facebook-www/ReactDOM-prod.modern.js
+++ b/compiled/facebook-www/ReactDOM-prod.modern.js
@@ -686,6 +686,29 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
+function setValueForAttribute(node, name, value) {
+  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":
+          var prefix$9 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$9 && "aria-" !== prefix$9) {
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+    }
+}
 var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -1120,8 +1143,8 @@ function setTextContent(node, text) {
   }
   node.textContent = text;
 }
-function isCustomComponent(tagName, props) {
-  if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
+function isCustomElement(tagName) {
+  if (-1 === tagName.indexOf("-")) return !1;
   switch (tagName) {
     case "annotation-xml":
     case "color-profile":
@@ -6313,11 +6336,12 @@ function completeWork(current, workInProgress, renderLanes) {
                     : newProps.size && (current.size = newProps.size);
                   break;
                 default:
-                  current = createHTMLElement(
-                    renderLanes,
-                    newProps,
-                    nextResource
-                  );
+                  current =
+                    "string" === typeof newProps.is
+                      ? nextResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : nextResource.createElement(renderLanes);
               }
           }
           current[internalInstanceKey] = workInProgress;
@@ -10840,8 +10864,7 @@ beginWork = function (current, workInProgress, renderLanes) {
           (current = workInProgress.pendingProps),
           (Component = getOwnerDocumentFromRootContainer(
             rootInstanceStackCursor.current
-          )),
-          (Component = createHTMLElement(renderLanes, current, Component)),
+          ).createElement(renderLanes)),
           (Component[internalInstanceKey] = workInProgress),
           (Component[internalPropsKey] = current),
           setInitialProperties(Component, renderLanes, current),
@@ -12905,14 +12928,14 @@ var isInputEventSupported = !1;
 if (canUseDOM) {
   var JSCompiler_inline_result$jscomp$322;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1542 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1542) {
-      var element$jscomp$inline_1543 = document.createElement("div");
-      element$jscomp$inline_1543.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1542 =
-        "function" === typeof element$jscomp$inline_1543.oninput;
+    var isSupported$jscomp$inline_1544 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1544) {
+      var element$jscomp$inline_1545 = document.createElement("div");
+      element$jscomp$inline_1545.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1544 =
+        "function" === typeof element$jscomp$inline_1545.oninput;
     }
-    JSCompiler_inline_result$jscomp$322 = isSupported$jscomp$inline_1542;
+    JSCompiler_inline_result$jscomp$322 = isSupported$jscomp$inline_1544;
   } else JSCompiler_inline_result$jscomp$322 = !1;
   isInputEventSupported =
     JSCompiler_inline_result$jscomp$322 &&
@@ -13224,20 +13247,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1583 = 0;
-  i$jscomp$inline_1583 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1583++
+  var i$jscomp$inline_1585 = 0;
+  i$jscomp$inline_1585 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1585++
 ) {
-  var eventName$jscomp$inline_1584 =
-      simpleEventPluginEvents[i$jscomp$inline_1583],
-    domEventName$jscomp$inline_1585 =
-      eventName$jscomp$inline_1584.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1586 =
-      eventName$jscomp$inline_1584[0].toUpperCase() +
-      eventName$jscomp$inline_1584.slice(1);
+  var eventName$jscomp$inline_1586 =
+      simpleEventPluginEvents[i$jscomp$inline_1585],
+    domEventName$jscomp$inline_1587 =
+      eventName$jscomp$inline_1586.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1588 =
+      eventName$jscomp$inline_1586[0].toUpperCase() +
+      eventName$jscomp$inline_1586.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1585,
-    "on" + capitalizedEvent$jscomp$inline_1586
+    domEventName$jscomp$inline_1587,
+    "on" + capitalizedEvent$jscomp$inline_1588
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -13777,10 +13800,7 @@ function dispatchEventForPluginEventSystem(
             ("checkbox" !== reactName.type && "radio" !== reactName.type)
               ? enableCustomElementPropertySupport &&
                 targetInst &&
-                isCustomComponent(
-                  targetInst.elementType,
-                  targetInst.memoizedProps
-                ) &&
+                isCustomElement(targetInst.elementType) &&
                 (getTargetInstFunc = getTargetInstForChangeEvent)
               : (getTargetInstFunc = getTargetInstForClickEvent);
         if (
@@ -14071,33 +14091,29 @@ function normalizeMarkupForTextOrAttribute(markup) {
     .replace(NORMALIZE_NEWLINES_REGEX, "\n")
     .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 function noop$1() {}
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style":
       if (null != value && "object" !== typeof value)
         throw Error(formatProdErrorMessage(62));
+      key = value;
       domElement = domElement.style;
-      for (var styleName in value)
-        if (value.hasOwnProperty(styleName))
+      for (var styleName in key)
+        if (key.hasOwnProperty(styleName))
           if (
-            ((key = value[styleName]),
+            ((value = key[styleName]),
             (props = 0 === styleName.indexOf("--")),
-            null == key || "boolean" === typeof key || "" === key)
+            null == value || "boolean" === typeof value || "" === value)
           )
             props
               ? domElement.setProperty(styleName, "")
               : "float" === styleName
               ? (domElement.cssFloat = "")
               : (domElement[styleName] = "");
-          else if (props) domElement.setProperty(styleName, key);
+          else if (props) domElement.setProperty(styleName, value);
           else {
-            if (!(props = "number" !== typeof key || 0 === key))
+            if (!(props = "number" !== typeof value || 0 === value))
               a: switch (styleName) {
                 case "animationIterationCount":
                 case "aspectRatio":
@@ -14177,21 +14193,21 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
               }
             props
               ? "float" === styleName
-                ? (domElement.cssFloat = key)
-                : (domElement[styleName] = ("" + key).trim())
-              : (domElement[styleName] = key + "px");
+                ? (domElement.cssFloat = value)
+                : (domElement[styleName] = ("" + value).trim())
+              : (domElement[styleName] = value + "px");
           }
       break;
     case "dangerouslySetInnerHTML":
       if (null != value) {
         if ("object" !== typeof value || !("__html" in value))
           throw Error(formatProdErrorMessage(61));
-        value = value.__html;
-        if (null != value) {
+        key = value.__html;
+        if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
           disableIEWorkarounds
-            ? (domElement.innerHTML = value)
-            : setInnerHTML$1(domElement, value);
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14231,56 +14247,39 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       if (enableCustomElementPropertySupport) break;
     default:
       if (!registrationNameDependencies.hasOwnProperty(key))
-        if (isCustomComponentTag)
-          a: {
-            if (
-              enableCustomElementPropertySupport &&
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((styleName = key.endsWith("Capture")),
-              (props = key.substr(2, styleName ? key.length - 9 : void 0)),
-              (tag = getFiberCurrentPropsFromNode(domElement)),
-              (tag = null != tag ? tag[key] : null),
-              "function" === typeof tag &&
-                domElement.removeEventListener(props, tag, styleName),
-              "function" === typeof value)
-            ) {
-              "function" !== typeof tag &&
-                null !== tag &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(props, value, styleName);
-              break a;
-            }
-            if (enableCustomElementPropertySupport && key in domElement)
-              domElement[key] = value;
-            else if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (enableCustomElementPropertySupport) {
-                      if (!0 === value) {
-                        domElement.setAttribute(key, "");
-                        break a;
-                      }
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
+        if (isCustomElementTag)
+          if (enableCustomElementPropertySupport)
+            a: {
+              styleName = value;
+              if (
+                "o" === key[0] &&
+                "n" === key[1] &&
+                ((value = key.endsWith("Capture")),
+                (props = key.substr(2, value ? key.length - 9 : void 0)),
+                (tag = getFiberCurrentPropsFromNode(domElement)),
+                (tag = null != tag ? tag[key] : null),
+                "function" === typeof tag &&
+                  domElement.removeEventListener(props, tag, value),
+                "function" === typeof styleName)
+              ) {
+                "function" !== typeof tag &&
+                  null !== tag &&
+                  (key in domElement
+                    ? (domElement[key] = null)
+                    : domElement.hasAttribute(key) &&
+                      domElement.removeAttribute(key));
+                domElement.addEventListener(props, styleName, value);
+                break a;
               }
-          }
+              key in domElement
+                ? (domElement[key] = styleName)
+                : !0 === styleName
+                ? domElement.setAttribute(key, "")
+                : setValueForAttribute(domElement, key, styleName);
+            }
+          else
+            "boolean" === typeof value && (value = "" + value),
+              setValueForAttribute(domElement, key, value);
         else if (
           !(2 < key.length) ||
           ("o" !== key[0] && "O" !== key[0]) ||
@@ -14345,37 +14344,9 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
                         : domElement.setAttribute(key, value);
                 }
             }
-          else
-            a: if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (
-                      ((styleName = key.toLowerCase().slice(0, 5)),
-                      "data-" !== styleName && "aria-" !== styleName)
-                    ) {
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
-              }
+          else setValueForAttribute(domElement, key, value);
   }
 }
-function createHTMLElement(type, props, ownerDocument) {
-  return "string" === typeof props.is
-    ? ownerDocument.createElement(type, { is: props.is })
-    : ownerDocument.createElement(type);
-}
 function setInitialProperties(domElement, tag, props) {
   switch (tag) {
     case "input":
@@ -14524,7 +14495,7 @@ function setInitialProperties(domElement, tag, props) {
           }
       return;
   }
-  propKey = isCustomComponent(tag, props);
+  propKey = isCustomElement(tag);
   for (node in props)
     props.hasOwnProperty(node) &&
       ((propValue = props[node]),
@@ -14670,7 +14641,7 @@ function updateProperties(
         }
       return;
   }
-  lastProps = isCustomComponent(tag, nextProps);
+  lastProps = isCustomElement(tag);
   for (propValue = 0; propValue < updatePayload.length; propValue += 2)
     setProp(
       domElement,
@@ -14684,6 +14655,11 @@ function updateProperties(
 var Dispatcher$1 = Internals.Dispatcher,
   eventsEnabled = null,
   selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
 function beforeActiveInstanceBlur(internalInstanceHandle) {
   _enabled = !0;
   var target = selectionInformation.focusedElem,
@@ -15628,17 +15604,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1760 = {
+var devToolsConfig$jscomp$inline_1765 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-c1afc44d",
+  version: "18.3.0-www-modern-617a14f8",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2170 = {
-  bundleType: devToolsConfig$jscomp$inline_1760.bundleType,
-  version: devToolsConfig$jscomp$inline_1760.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1760.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1760.rendererConfig,
+var internals$jscomp$inline_2160 = {
+  bundleType: devToolsConfig$jscomp$inline_1765.bundleType,
+  version: devToolsConfig$jscomp$inline_1765.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1765.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1765.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15655,26 +15631,26 @@ var internals$jscomp$inline_2170 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1760.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1765.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-c1afc44d"
+  reconcilerVersion: "18.3.0-www-modern-617a14f8"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2171 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2161 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2171.isDisabled &&
-    hook$jscomp$inline_2171.supportsFiber
+    !hook$jscomp$inline_2161.isDisabled &&
+    hook$jscomp$inline_2161.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2171.inject(
-        internals$jscomp$inline_2170
+      (rendererID = hook$jscomp$inline_2161.inject(
+        internals$jscomp$inline_2160
       )),
-        (injectedHook = hook$jscomp$inline_2171);
+        (injectedHook = hook$jscomp$inline_2161);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -15831,4 +15807,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-c1afc44d";
+exports.version = "18.3.0-www-modern-617a14f8";
diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js
index 96a2812cc99e2..52acd3a3a0337 100644
--- a/compiled/facebook-www/ReactDOM-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOM-profiling.classic.js
@@ -1018,6 +1018,29 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
+function setValueForAttribute(node, name, value) {
+  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":
+          var prefix$13 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$13 && "aria-" !== prefix$13) {
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+    }
+}
 var prefix;
 function describeBuiltInComponentFrame(name) {
   if (void 0 === prefix)
@@ -1431,8 +1454,8 @@ function setTextContent(node, text) {
   }
   node.textContent = text;
 }
-function isCustomComponent(tagName, props) {
-  if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
+function isCustomElement(tagName) {
+  if (-1 === tagName.indexOf("-")) return !1;
   switch (tagName) {
     case "annotation-xml":
     case "color-profile":
@@ -1454,33 +1477,29 @@ function normalizeMarkupForTextOrAttribute(markup) {
     .replace(NORMALIZE_NEWLINES_REGEX, "\n")
     .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 function noop$2() {}
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style":
       if (null != value && "object" !== typeof value)
         throw Error(formatProdErrorMessage(62));
+      key = value;
       domElement = domElement.style;
-      for (var styleName in value)
-        if (value.hasOwnProperty(styleName))
+      for (var styleName in key)
+        if (key.hasOwnProperty(styleName))
           if (
-            ((key = value[styleName]),
+            ((value = key[styleName]),
             (props = 0 === styleName.indexOf("--")),
-            null == key || "boolean" === typeof key || "" === key)
+            null == value || "boolean" === typeof value || "" === value)
           )
             props
               ? domElement.setProperty(styleName, "")
               : "float" === styleName
               ? (domElement.cssFloat = "")
               : (domElement[styleName] = "");
-          else if (props) domElement.setProperty(styleName, key);
+          else if (props) domElement.setProperty(styleName, value);
           else {
-            if (!(props = "number" !== typeof key || 0 === key))
+            if (!(props = "number" !== typeof value || 0 === value))
               a: switch (styleName) {
                 case "animationIterationCount":
                 case "aspectRatio":
@@ -1560,21 +1579,21 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
               }
             props
               ? "float" === styleName
-                ? (domElement.cssFloat = key)
-                : (domElement[styleName] = ("" + key).trim())
-              : (domElement[styleName] = key + "px");
+                ? (domElement.cssFloat = value)
+                : (domElement[styleName] = ("" + value).trim())
+              : (domElement[styleName] = value + "px");
           }
       break;
     case "dangerouslySetInnerHTML":
       if (null != value) {
         if ("object" !== typeof value || !("__html" in value))
           throw Error(formatProdErrorMessage(61));
-        value = value.__html;
-        if (null != value) {
+        key = value.__html;
+        if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
           disableIEWorkarounds
-            ? (domElement.innerHTML = value)
-            : setInnerHTML$1(domElement, value);
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -1614,56 +1633,39 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       if (enableCustomElementPropertySupport) break;
     default:
       if (!registrationNameDependencies.hasOwnProperty(key))
-        if (isCustomComponentTag)
-          a: {
-            if (
-              enableCustomElementPropertySupport &&
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((styleName = key.endsWith("Capture")),
-              (props = key.substr(2, styleName ? key.length - 9 : void 0)),
-              (tag = getFiberCurrentPropsFromNode(domElement)),
-              (tag = null != tag ? tag[key] : null),
-              "function" === typeof tag &&
-                domElement.removeEventListener(props, tag, styleName),
-              "function" === typeof value)
-            ) {
-              "function" !== typeof tag &&
-                null !== tag &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(props, value, styleName);
-              break a;
-            }
-            if (enableCustomElementPropertySupport && key in domElement)
-              domElement[key] = value;
-            else if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (enableCustomElementPropertySupport) {
-                      if (!0 === value) {
-                        domElement.setAttribute(key, "");
-                        break a;
-                      }
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
+        if (isCustomElementTag)
+          if (enableCustomElementPropertySupport)
+            a: {
+              styleName = value;
+              if (
+                "o" === key[0] &&
+                "n" === key[1] &&
+                ((value = key.endsWith("Capture")),
+                (props = key.substr(2, value ? key.length - 9 : void 0)),
+                (tag = getFiberCurrentPropsFromNode(domElement)),
+                (tag = null != tag ? tag[key] : null),
+                "function" === typeof tag &&
+                  domElement.removeEventListener(props, tag, value),
+                "function" === typeof styleName)
+              ) {
+                "function" !== typeof tag &&
+                  null !== tag &&
+                  (key in domElement
+                    ? (domElement[key] = null)
+                    : domElement.hasAttribute(key) &&
+                      domElement.removeAttribute(key));
+                domElement.addEventListener(props, styleName, value);
+                break a;
               }
-          }
+              key in domElement
+                ? (domElement[key] = styleName)
+                : !0 === styleName
+                ? domElement.setAttribute(key, "")
+                : setValueForAttribute(domElement, key, styleName);
+            }
+          else
+            "boolean" === typeof value && (value = "" + value),
+              setValueForAttribute(domElement, key, value);
         else if (
           !(2 < key.length) ||
           ("o" !== key[0] && "O" !== key[0]) ||
@@ -1728,37 +1730,9 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
                         : domElement.setAttribute(key, value);
                 }
             }
-          else
-            a: if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (
-                      ((styleName = key.toLowerCase().slice(0, 5)),
-                      "data-" !== styleName && "aria-" !== styleName)
-                    ) {
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
-              }
+          else setValueForAttribute(domElement, key, value);
   }
 }
-function createHTMLElement(type, props, ownerDocument) {
-  return "string" === typeof props.is
-    ? ownerDocument.createElement(type, { is: props.is })
-    : ownerDocument.createElement(type);
-}
 function setInitialProperties(domElement, tag, props) {
   switch (tag) {
     case "input":
@@ -1907,7 +1881,7 @@ function setInitialProperties(domElement, tag, props) {
           }
       return;
   }
-  propKey = isCustomComponent(tag, props);
+  propKey = isCustomElement(tag);
   for (node in props)
     props.hasOwnProperty(node) &&
       ((propValue = props[node]),
@@ -2053,7 +2027,7 @@ function updateProperties(
         }
       return;
   }
-  lastProps = isCustomComponent(tag, nextProps);
+  lastProps = isCustomElement(tag);
   for (propValue = 0; propValue < updatePayload.length; propValue += 2)
     setProp(
       domElement,
@@ -2238,6 +2212,11 @@ function restoreSelection(priorSelectionInformation) {
 var Dispatcher$1 = Internals.Dispatcher,
   eventsEnabled = null,
   selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
 function shouldSetTextContent(type, props) {
   return (
     "textarea" === type ||
@@ -8525,11 +8504,12 @@ function completeWork(current, workInProgress, renderLanes) {
                     : newProps.size && (current.size = newProps.size);
                   break;
                 default:
-                  current = createHTMLElement(
-                    renderLanes,
-                    newProps,
-                    nextResource
-                  );
+                  current =
+                    "string" === typeof newProps.is
+                      ? nextResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : nextResource.createElement(renderLanes);
               }
           }
           current[internalInstanceKey] = workInProgress;
@@ -13521,8 +13501,7 @@ beginWork = function (current, workInProgress, renderLanes) {
           (current = workInProgress.pendingProps),
           (Component = getOwnerDocumentFromRootContainer(
             rootInstanceStackCursor.current
-          )),
-          (Component = createHTMLElement(renderLanes, current, Component)),
+          ).createElement(renderLanes)),
           (Component[internalInstanceKey] = workInProgress),
           (Component[internalPropsKey] = current),
           setInitialProperties(Component, renderLanes, current),
@@ -15027,14 +15006,14 @@ var isInputEventSupported = !1;
 if (canUseDOM) {
   var JSCompiler_inline_result$jscomp$361;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1702 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1702) {
-      var element$jscomp$inline_1703 = document.createElement("div");
-      element$jscomp$inline_1703.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1702 =
-        "function" === typeof element$jscomp$inline_1703.oninput;
+    var isSupported$jscomp$inline_1707 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1707) {
+      var element$jscomp$inline_1708 = document.createElement("div");
+      element$jscomp$inline_1708.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1707 =
+        "function" === typeof element$jscomp$inline_1708.oninput;
     }
-    JSCompiler_inline_result$jscomp$361 = isSupported$jscomp$inline_1702;
+    JSCompiler_inline_result$jscomp$361 = isSupported$jscomp$inline_1707;
   } else JSCompiler_inline_result$jscomp$361 = !1;
   isInputEventSupported =
     JSCompiler_inline_result$jscomp$361 &&
@@ -15175,20 +15154,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1715 = 0;
-  i$jscomp$inline_1715 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1715++
+  var i$jscomp$inline_1720 = 0;
+  i$jscomp$inline_1720 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1720++
 ) {
-  var eventName$jscomp$inline_1716 =
-      simpleEventPluginEvents[i$jscomp$inline_1715],
-    domEventName$jscomp$inline_1717 =
-      eventName$jscomp$inline_1716.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1718 =
-      eventName$jscomp$inline_1716[0].toUpperCase() +
-      eventName$jscomp$inline_1716.slice(1);
+  var eventName$jscomp$inline_1721 =
+      simpleEventPluginEvents[i$jscomp$inline_1720],
+    domEventName$jscomp$inline_1722 =
+      eventName$jscomp$inline_1721.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1723 =
+      eventName$jscomp$inline_1721[0].toUpperCase() +
+      eventName$jscomp$inline_1721.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1717,
-    "on" + capitalizedEvent$jscomp$inline_1718
+    domEventName$jscomp$inline_1722,
+    "on" + capitalizedEvent$jscomp$inline_1723
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15728,10 +15707,7 @@ function dispatchEventForPluginEventSystem(
             ("checkbox" !== reactName.type && "radio" !== reactName.type)
               ? enableCustomElementPropertySupport &&
                 targetInst &&
-                isCustomComponent(
-                  targetInst.elementType,
-                  targetInst.memoizedProps
-                ) &&
+                isCustomElement(targetInst.elementType) &&
                 (getTargetInstFunc = getTargetInstForChangeEvent)
               : (getTargetInstFunc = getTargetInstForClickEvent);
         if (
@@ -16878,10 +16854,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1871 = {
+var devToolsConfig$jscomp$inline_1876 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-9992f494",
+  version: "18.3.0-www-classic-52195c25",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -16899,10 +16875,10 @@ var devToolsConfig$jscomp$inline_1871 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1871.bundleType,
-  version: devToolsConfig$jscomp$inline_1871.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1871.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1871.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1876.bundleType,
+  version: devToolsConfig$jscomp$inline_1876.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1876.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1876.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16918,14 +16894,14 @@ var devToolsConfig$jscomp$inline_1871 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1871.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1876.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-9992f494"
+  reconcilerVersion: "18.3.0-www-classic-52195c25"
 });
 assign(Internals, {
   ReactBrowserEventEmitter: {
@@ -17152,7 +17128,7 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-9992f494";
+exports.version = "18.3.0-www-classic-52195c25";
 
           /* 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 16b41e1f3967f..7705bb4359fe8 100644
--- a/compiled/facebook-www/ReactDOM-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOM-profiling.modern.js
@@ -830,6 +830,29 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
+function setValueForAttribute(node, name, value) {
+  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":
+          var prefix$12 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$12 && "aria-" !== prefix$12) {
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+    }
+}
 var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -1264,8 +1287,8 @@ function setTextContent(node, text) {
   }
   node.textContent = text;
 }
-function isCustomComponent(tagName, props) {
-  if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
+function isCustomElement(tagName) {
+  if (-1 === tagName.indexOf("-")) return !1;
   switch (tagName) {
     case "annotation-xml":
     case "color-profile":
@@ -6589,11 +6612,12 @@ function completeWork(current, workInProgress, renderLanes) {
                     : newProps.size && (current.size = newProps.size);
                   break;
                 default:
-                  current = createHTMLElement(
-                    renderLanes,
-                    newProps,
-                    nextResource
-                  );
+                  current =
+                    "string" === typeof newProps.is
+                      ? nextResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : nextResource.createElement(renderLanes);
               }
           }
           current[internalInstanceKey] = workInProgress;
@@ -11573,8 +11597,7 @@ beginWork = function (current, workInProgress, renderLanes) {
           (current = workInProgress.pendingProps),
           (Component = getOwnerDocumentFromRootContainer(
             rootInstanceStackCursor.current
-          )),
-          (Component = createHTMLElement(renderLanes, current, Component)),
+          ).createElement(renderLanes)),
           (Component[internalInstanceKey] = workInProgress),
           (Component[internalPropsKey] = current),
           setInitialProperties(Component, renderLanes, current),
@@ -13672,14 +13695,14 @@ var isInputEventSupported = !1;
 if (canUseDOM) {
   var JSCompiler_inline_result$jscomp$343;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1622 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1622) {
-      var element$jscomp$inline_1623 = document.createElement("div");
-      element$jscomp$inline_1623.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1622 =
-        "function" === typeof element$jscomp$inline_1623.oninput;
+    var isSupported$jscomp$inline_1624 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1624) {
+      var element$jscomp$inline_1625 = document.createElement("div");
+      element$jscomp$inline_1625.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1624 =
+        "function" === typeof element$jscomp$inline_1625.oninput;
     }
-    JSCompiler_inline_result$jscomp$343 = isSupported$jscomp$inline_1622;
+    JSCompiler_inline_result$jscomp$343 = isSupported$jscomp$inline_1624;
   } else JSCompiler_inline_result$jscomp$343 = !1;
   isInputEventSupported =
     JSCompiler_inline_result$jscomp$343 &&
@@ -13991,20 +14014,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1663 = 0;
-  i$jscomp$inline_1663 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1663++
+  var i$jscomp$inline_1665 = 0;
+  i$jscomp$inline_1665 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1665++
 ) {
-  var eventName$jscomp$inline_1664 =
-      simpleEventPluginEvents[i$jscomp$inline_1663],
-    domEventName$jscomp$inline_1665 =
-      eventName$jscomp$inline_1664.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1666 =
-      eventName$jscomp$inline_1664[0].toUpperCase() +
-      eventName$jscomp$inline_1664.slice(1);
+  var eventName$jscomp$inline_1666 =
+      simpleEventPluginEvents[i$jscomp$inline_1665],
+    domEventName$jscomp$inline_1667 =
+      eventName$jscomp$inline_1666.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1668 =
+      eventName$jscomp$inline_1666[0].toUpperCase() +
+      eventName$jscomp$inline_1666.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1665,
-    "on" + capitalizedEvent$jscomp$inline_1666
+    domEventName$jscomp$inline_1667,
+    "on" + capitalizedEvent$jscomp$inline_1668
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14544,10 +14567,7 @@ function dispatchEventForPluginEventSystem(
             ("checkbox" !== reactName.type && "radio" !== reactName.type)
               ? enableCustomElementPropertySupport &&
                 targetInst &&
-                isCustomComponent(
-                  targetInst.elementType,
-                  targetInst.memoizedProps
-                ) &&
+                isCustomElement(targetInst.elementType) &&
                 (getTargetInstFunc = getTargetInstForChangeEvent)
               : (getTargetInstFunc = getTargetInstForClickEvent);
         if (
@@ -14838,33 +14858,29 @@ function normalizeMarkupForTextOrAttribute(markup) {
     .replace(NORMALIZE_NEWLINES_REGEX, "\n")
     .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 function noop$1() {}
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style":
       if (null != value && "object" !== typeof value)
         throw Error(formatProdErrorMessage(62));
+      key = value;
       domElement = domElement.style;
-      for (var styleName in value)
-        if (value.hasOwnProperty(styleName))
+      for (var styleName in key)
+        if (key.hasOwnProperty(styleName))
           if (
-            ((key = value[styleName]),
+            ((value = key[styleName]),
             (props = 0 === styleName.indexOf("--")),
-            null == key || "boolean" === typeof key || "" === key)
+            null == value || "boolean" === typeof value || "" === value)
           )
             props
               ? domElement.setProperty(styleName, "")
               : "float" === styleName
               ? (domElement.cssFloat = "")
               : (domElement[styleName] = "");
-          else if (props) domElement.setProperty(styleName, key);
+          else if (props) domElement.setProperty(styleName, value);
           else {
-            if (!(props = "number" !== typeof key || 0 === key))
+            if (!(props = "number" !== typeof value || 0 === value))
               a: switch (styleName) {
                 case "animationIterationCount":
                 case "aspectRatio":
@@ -14944,21 +14960,21 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
               }
             props
               ? "float" === styleName
-                ? (domElement.cssFloat = key)
-                : (domElement[styleName] = ("" + key).trim())
-              : (domElement[styleName] = key + "px");
+                ? (domElement.cssFloat = value)
+                : (domElement[styleName] = ("" + value).trim())
+              : (domElement[styleName] = value + "px");
           }
       break;
     case "dangerouslySetInnerHTML":
       if (null != value) {
         if ("object" !== typeof value || !("__html" in value))
           throw Error(formatProdErrorMessage(61));
-        value = value.__html;
-        if (null != value) {
+        key = value.__html;
+        if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
           disableIEWorkarounds
-            ? (domElement.innerHTML = value)
-            : setInnerHTML$1(domElement, value);
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14998,56 +15014,39 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       if (enableCustomElementPropertySupport) break;
     default:
       if (!registrationNameDependencies.hasOwnProperty(key))
-        if (isCustomComponentTag)
-          a: {
-            if (
-              enableCustomElementPropertySupport &&
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((styleName = key.endsWith("Capture")),
-              (props = key.substr(2, styleName ? key.length - 9 : void 0)),
-              (tag = getFiberCurrentPropsFromNode(domElement)),
-              (tag = null != tag ? tag[key] : null),
-              "function" === typeof tag &&
-                domElement.removeEventListener(props, tag, styleName),
-              "function" === typeof value)
-            ) {
-              "function" !== typeof tag &&
-                null !== tag &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(props, value, styleName);
-              break a;
-            }
-            if (enableCustomElementPropertySupport && key in domElement)
-              domElement[key] = value;
-            else if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (enableCustomElementPropertySupport) {
-                      if (!0 === value) {
-                        domElement.setAttribute(key, "");
-                        break a;
-                      }
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
+        if (isCustomElementTag)
+          if (enableCustomElementPropertySupport)
+            a: {
+              styleName = value;
+              if (
+                "o" === key[0] &&
+                "n" === key[1] &&
+                ((value = key.endsWith("Capture")),
+                (props = key.substr(2, value ? key.length - 9 : void 0)),
+                (tag = getFiberCurrentPropsFromNode(domElement)),
+                (tag = null != tag ? tag[key] : null),
+                "function" === typeof tag &&
+                  domElement.removeEventListener(props, tag, value),
+                "function" === typeof styleName)
+              ) {
+                "function" !== typeof tag &&
+                  null !== tag &&
+                  (key in domElement
+                    ? (domElement[key] = null)
+                    : domElement.hasAttribute(key) &&
+                      domElement.removeAttribute(key));
+                domElement.addEventListener(props, styleName, value);
+                break a;
               }
-          }
+              key in domElement
+                ? (domElement[key] = styleName)
+                : !0 === styleName
+                ? domElement.setAttribute(key, "")
+                : setValueForAttribute(domElement, key, styleName);
+            }
+          else
+            "boolean" === typeof value && (value = "" + value),
+              setValueForAttribute(domElement, key, value);
         else if (
           !(2 < key.length) ||
           ("o" !== key[0] && "O" !== key[0]) ||
@@ -15112,37 +15111,9 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
                         : domElement.setAttribute(key, value);
                 }
             }
-          else
-            a: if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (
-                      ((styleName = key.toLowerCase().slice(0, 5)),
-                      "data-" !== styleName && "aria-" !== styleName)
-                    ) {
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
-              }
+          else setValueForAttribute(domElement, key, value);
   }
 }
-function createHTMLElement(type, props, ownerDocument) {
-  return "string" === typeof props.is
-    ? ownerDocument.createElement(type, { is: props.is })
-    : ownerDocument.createElement(type);
-}
 function setInitialProperties(domElement, tag, props) {
   switch (tag) {
     case "input":
@@ -15291,7 +15262,7 @@ function setInitialProperties(domElement, tag, props) {
           }
       return;
   }
-  propKey = isCustomComponent(tag, props);
+  propKey = isCustomElement(tag);
   for (node in props)
     props.hasOwnProperty(node) &&
       ((propValue = props[node]),
@@ -15437,7 +15408,7 @@ function updateProperties(
         }
       return;
   }
-  lastProps = isCustomComponent(tag, nextProps);
+  lastProps = isCustomElement(tag);
   for (propValue = 0; propValue < updatePayload.length; propValue += 2)
     setProp(
       domElement,
@@ -15451,6 +15422,11 @@ function updateProperties(
 var Dispatcher$1 = Internals.Dispatcher,
   eventsEnabled = null,
   selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
 function beforeActiveInstanceBlur(internalInstanceHandle) {
   _enabled = !0;
   var target = selectionInformation.focusedElem,
@@ -16395,10 +16371,10 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1840 = {
+var devToolsConfig$jscomp$inline_1845 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-a924400c",
+  version: "18.3.0-www-modern-93a4e0bc",
   rendererPackageName: "react-dom"
 };
 (function (internals) {
@@ -16416,10 +16392,10 @@ var devToolsConfig$jscomp$inline_1840 = {
   } catch (err) {}
   return hook.checkDCE ? !0 : !1;
 })({
-  bundleType: devToolsConfig$jscomp$inline_1840.bundleType,
-  version: devToolsConfig$jscomp$inline_1840.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1840.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1840.rendererConfig,
+  bundleType: devToolsConfig$jscomp$inline_1845.bundleType,
+  version: devToolsConfig$jscomp$inline_1845.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1845.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1845.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16436,14 +16412,14 @@ var devToolsConfig$jscomp$inline_1840 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1840.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1845.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-a924400c"
+  reconcilerVersion: "18.3.0-www-modern-93a4e0bc"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function (children, container) {
@@ -16599,7 +16575,7 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-a924400c";
+exports.version = "18.3.0-www-modern-93a4e0bc";
 
           /* 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 792c4d9ab73d9..c2c1af8904ac7 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-609488e0";
+var ReactVersion = "18.3.0-www-classic-c522cd08";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -968,9 +968,9 @@ function validateProperties$1(type, props) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -1810,7 +1810,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -4927,11 +4927,7 @@ function pushStartInstance(
       formatContext.insertionMode !== SVG_MODE &&
       formatContext.insertionMode !== MATHML_MODE
     ) {
-      if (
-        type.indexOf("-") === -1 &&
-        typeof props.is !== "string" &&
-        type.toLowerCase() !== type
-      ) {
+      if (type.indexOf("-") === -1 && type.toLowerCase() !== type) {
         error(
           "<%s /> is using incorrect casing. " +
             "Use PascalCase for React components, " +
@@ -5063,7 +5059,7 @@ function pushStartInstance(
     }
 
     default: {
-      if (type.indexOf("-") === -1 && typeof props.is !== "string") {
+      if (type.indexOf("-") === -1) {
         // Generic element
         return pushStartGenericElement(target, props, type);
       } else {
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index 1c43d3c91c256..cae439ab22ab6 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-609fee14";
+var ReactVersion = "18.3.0-www-modern-518590c9";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
@@ -968,9 +968,9 @@ function validateProperties$1(type, props) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -1810,7 +1810,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -4927,11 +4927,7 @@ function pushStartInstance(
       formatContext.insertionMode !== SVG_MODE &&
       formatContext.insertionMode !== MATHML_MODE
     ) {
-      if (
-        type.indexOf("-") === -1 &&
-        typeof props.is !== "string" &&
-        type.toLowerCase() !== type
-      ) {
+      if (type.indexOf("-") === -1 && type.toLowerCase() !== type) {
         error(
           "<%s /> is using incorrect casing. " +
             "Use PascalCase for React components, " +
@@ -5063,7 +5059,7 @@ function pushStartInstance(
     }
 
     default: {
-      if (type.indexOf("-") === -1 && typeof props.is !== "string") {
+      if (type.indexOf("-") === -1) {
         // Generic element
         return pushStartGenericElement(target, props, type);
       } else {
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index 9c528f6131408..a508a0f270de6 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -1159,7 +1159,7 @@ function pushStartInstance(
         target
       );
     default:
-      if (-1 === type.indexOf("-") && "string" !== typeof props.is)
+      if (-1 === type.indexOf("-"))
         return pushStartGenericElement(target, props, type);
       target.push(startChunkForTag(type));
       resources = textEmbedded = null;
@@ -3788,4 +3788,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-69d167ef";
+exports.version = "18.3.0-www-classic-2919f4b0";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index be878e9890674..cd1fcfec241a8 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -1157,7 +1157,7 @@ function pushStartInstance(
         target
       );
     default:
-      if (-1 === type.indexOf("-") && "string" !== typeof props.is)
+      if (-1 === type.indexOf("-"))
         return pushStartGenericElement(target, props, type);
       target.push(startChunkForTag(type));
       resources = textEmbedded = null;
@@ -3685,4 +3685,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-0b5eafbc";
+exports.version = "18.3.0-www-modern-70645e15";
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
index 401607d1b5bfb..05203ede01f60 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-dev.modern.js
@@ -965,9 +965,9 @@ function validateProperties$1(type, props) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -1807,7 +1807,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -4934,11 +4934,7 @@ function pushStartInstance(
       formatContext.insertionMode !== SVG_MODE &&
       formatContext.insertionMode !== MATHML_MODE
     ) {
-      if (
-        type.indexOf("-") === -1 &&
-        typeof props.is !== "string" &&
-        type.toLowerCase() !== type
-      ) {
+      if (type.indexOf("-") === -1 && type.toLowerCase() !== type) {
         error(
           "<%s /> is using incorrect casing. " +
             "Use PascalCase for React components, " +
@@ -5070,7 +5066,7 @@ function pushStartInstance(
     }
 
     default: {
-      if (type.indexOf("-") === -1 && typeof props.is !== "string") {
+      if (type.indexOf("-") === -1) {
         // Generic element
         return pushStartGenericElement(target, props, type);
       } else {
diff --git a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
index 710141883ef85..8ad0e922d89f6 100644
--- a/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServerStreaming-prod.modern.js
@@ -1181,7 +1181,7 @@ function pushStartInstance(
         target
       );
     default:
-      if (-1 === type.indexOf("-") && "string" !== typeof props.is)
+      if (-1 === type.indexOf("-"))
         return pushStartGenericElement(target, props, type);
       target.push(startChunkForTag(type));
       resources = textEmbedded = null;
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
index 89a937caceca5..0c24ea3fd24d6 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
@@ -30502,7 +30502,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-bfbf2ef3";
+var ReactVersion = "18.3.0-www-classic-5229fb0f";
 
 function createPortal$1(
   children,
@@ -32676,11 +32676,6 @@ function getValueForAttributeOnCustomComponent(node, name, 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) {
@@ -32881,11 +32876,7 @@ function setValueForAttribute(node, name, value) {
   }
 }
 function setValueForPropertyOnCustomComponent(node, name, value) {
-  if (
-    enableCustomElementPropertySupport &&
-    name[0] === "o" &&
-    name[1] === "n"
-  ) {
+  if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
     var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
@@ -32911,45 +32902,17 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
     }
   }
 
-  if (enableCustomElementPropertySupport && name in node) {
+  if (name in node) {
     node[name] = value;
     return;
   }
 
-  if (isAttributeNameSafe(name)) {
-    // 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": {
-        if (enableCustomElementPropertySupport) {
-          if (value === true) {
-            node.setAttribute(name, "");
-            return;
-          }
-
-          node.removeAttribute(name);
-          return;
-        }
-      }
-    }
-
-    {
-      checkAttributeStringCoercion(value, name);
-    }
+  if (value === true) {
+    node.setAttribute(name, "");
+    return;
+  } // From here, it's the same as any attribute
 
-    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
-  }
+  setValueForAttribute(node, name, value);
 }
 
 // around this limitation, we use an opaque type that can only be obtained by
@@ -34653,9 +34616,9 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -35690,7 +35653,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -35698,21 +35661,10 @@ function validateProperties(type, props, eventRegistry) {
 }
 
 var didWarnInvalidHydration = false;
-var didWarnScriptTags = false;
-var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
 {
-  warnedUnknownTags = {
-    // There are working polyfills for <dialog>. Let people use it.
-    dialog: true,
-    // Electron ships a custom <webview> tag to display external web content in
-    // an isolated frame and process.
-    // This tag is not present in non Electron environments such as JSDom which
-    // is often used for testing purposes.
-    // @see https://electronjs.org/docs/api/webview-tag
-    webview: true
-  }; // IE 11 parses & normalizes the style attribute as opposed to other
+  // IE 11 parses & normalizes the style attribute as opposed to other
   // browsers. It adds spaces and sorts the properties in some
   // non-alphabetical order. Handling that would require sorting CSS
   // properties in the client & server versions or applying
@@ -35720,7 +35672,6 @@ var canDiffStyleForHydrationWarning;
   // normalized. Since it only affects IE, we're skipping style warnings
   // in that browser completely in favor of doing all that work.
   // See https://github.com/facebook/react/issues/11807
-
   canDiffStyleForHydrationWarning =
     disableIEWorkarounds || (canUseDOM && !document.documentMode);
 }
@@ -35880,11 +35831,6 @@ function checkForUnmatchedText(
     throw new Error("Text content does not match server-rendered HTML.");
   }
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return rootContainerElement.nodeType === DOCUMENT_NODE
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 
 function noop$1() {}
 
@@ -35901,7 +35847,7 @@ function trapClickOnNonInteractiveElement(node) {
   node.onclick = noop$1;
 }
 
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style": {
       if (value != null && typeof value !== "object") {
@@ -36049,8 +35995,17 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
           warnForInvalidEventListener(key, value);
         }
       } else {
-        if (isCustomComponentTag) {
-          setValueForPropertyOnCustomComponent(domElement, key, value);
+        if (isCustomElementTag) {
+          if (enableCustomElementPropertySupport) {
+            setValueForPropertyOnCustomComponent(domElement, key, value);
+          } else {
+            if (typeof value === "boolean") {
+              // Special case before the new flag is on
+              value = "" + value;
+            }
+
+            setValueForAttribute(domElement, key, value);
+          }
         } else {
           if (
             // shouldIgnoreAttribute
@@ -36073,134 +36028,8 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       }
     }
   }
-} // creates a script element that won't execute
-
-function createPotentiallyInlineScriptElement(ownerDocument) {
-  // Create the script via .innerHTML so its "parser-inserted" flag is
-  // set to true and it does not execute
-  var div = ownerDocument.createElement("div");
-
-  {
-    if (enableTrustedTypesIntegration && !didWarnScriptTags) {
-      error(
-        "Encountered a script tag while rendering React component. " +
-          "Scripts inside React components are never executed when rendering " +
-          "on the client. Consider using template tag instead " +
-          "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
-      );
-
-      didWarnScriptTags = true;
-    }
-  }
-
-  div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
-  // This is guaranteed to yield a script element.
-
-  var firstChild = div.firstChild;
-  var element = div.removeChild(firstChild);
-  return element;
 }
-function createSelectElement(props, ownerDocument) {
-  var element;
-
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement("select", {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement("select");
-  }
-
-  if (props.multiple) {
-    element.multiple = true;
-  } else if (props.size) {
-    // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
-    // it is possible that no option is selected.
-    //
-    // This is only necessary when a select in "single selection mode".
-    element.size = props.size;
-  }
-
-  return element;
-} // Creates elements in the HTML namesapce
-
-function createHTMLElement(type, props, ownerDocument) {
-  {
-    switch (type) {
-      case "script":
-      case "select":
-        error(
-          'createHTMLElement was called with a "%s" type. This type has special creation logic in React and should use the create function implemented specifically for it. This is a bug in React.',
-          type
-        );
-
-        break;
-
-      case "svg":
-      case "math":
-        error(
-          'createHTMLElement was called with a "%s" type. This type must be created with Document.createElementNS which this method does not implement. This is a bug in React.',
-          type
-        );
-    }
-  }
-
-  var isCustomComponentTag;
-  var element;
-
-  {
-    isCustomComponentTag = isCustomComponent(type, props); // Should this check be gated by parent namespace? Not sure we want to
-    // allow <SVG> or <mATH>.
-
-    if (!isCustomComponentTag && type !== type.toLowerCase()) {
-      error(
-        "<%s /> is using incorrect casing. " +
-          "Use PascalCase for React components, " +
-          "or lowercase for HTML elements.",
-        type
-      );
-    }
-  }
 
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement(type, {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement(type);
-  }
-
-  {
-    if (
-      !isCustomComponentTag && // $FlowFixMe[method-unbinding]
-      Object.prototype.toString.call(element) ===
-        "[object HTMLUnknownElement]" &&
-      !hasOwnProperty.call(warnedUnknownTags, type)
-    ) {
-      warnedUnknownTags[type] = true;
-
-      error(
-        "The tag <%s> is unrecognized in this browser. " +
-          "If you meant to render a React component, start its name with " +
-          "an uppercase letter.",
-        type
-      );
-    }
-  }
-
-  return element;
-}
-function createTextNode(text, rootContainerElement) {
-  return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(
-    text
-  );
-}
 function setInitialProperties(domElement, tag, props) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -36473,7 +36302,6 @@ function setInitialProperties(domElement, tag, props) {
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey4, _propValue4, false, props);
           }
         }
@@ -36483,7 +36311,7 @@ function setInitialProperties(domElement, tag, props) {
     }
   }
 
-  var isCustomComponentTag = isCustomComponent(tag, props);
+  var isCustomElementTag = isCustomElement(tag);
 
   for (var _propKey5 in props) {
     if (!props.hasOwnProperty(_propKey5)) {
@@ -36496,14 +36324,7 @@ function setInitialProperties(domElement, tag, props) {
       continue;
     }
 
-    setProp(
-      domElement,
-      tag,
-      _propKey5,
-      _propValue5,
-      isCustomComponentTag,
-      props
-    );
+    setProp(domElement, tag, _propKey5, _propValue5, isCustomElementTag, props);
   }
 } // Calculate the diff between the two objects.
 
@@ -36605,6 +36426,12 @@ function diffProperties(domElement, tag, lastProps, nextProps) {
           break;
         }
 
+        case "is": {
+          error('Cannot update the "is" prop after it has been initialized.');
+        }
+
+        // eslint-disable-next-line no-fallthrough
+
         default: {
           (updatePayload = updatePayload || []).push(propKey, nextProp);
         }
@@ -36808,7 +36635,6 @@ function updateProperties(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey9, _propValue9, false, nextProps);
           }
         }
@@ -36816,10 +36642,9 @@ function updateProperties(
 
       return;
     }
-  } // TODO: Handle wasCustomComponentTag. Changing "is" isn't valid.
-  // const wasCustomComponentTag = isCustomComponent(tag, lastProps);
+  }
 
-  var isCustomComponentTag = isCustomComponent(tag, nextProps); // Apply the diff.
+  var isCustomElementTag = isCustomElement(tag); // Apply the diff.
 
   for (var _i5 = 0; _i5 < updatePayload.length; _i5 += 2) {
     var _propKey10 = updatePayload[_i5];
@@ -36829,7 +36654,7 @@ function updateProperties(
       tag,
       _propKey10,
       _propValue10,
-      isCustomComponentTag,
+      isCustomElementTag,
       nextProps
     );
   }
@@ -36950,6 +36775,25 @@ function diffHydratedCustomComponent(
 
       // eslint-disable-next-line no-fallthrough
 
+      case "className":
+        if (enableCustomElementPropertySupport) {
+          // className is a special cased property on the server to render as an attribute.
+          extraAttributeNames.delete("class");
+          var serverValue = getValueForAttributeOnCustomComponent(
+            domElement,
+            "class",
+            nextProp
+          );
+
+          if (nextProp !== serverValue) {
+            warnForPropDifference("className", serverValue, nextProp);
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
       default: {
         var ownNamespaceDev = parentNamespaceDev;
 
@@ -36963,14 +36807,14 @@ function diffHydratedCustomComponent(
           extraAttributeNames.delete(propKey);
         }
 
-        var serverValue = getValueForAttributeOnCustomComponent(
+        var _serverValue = getValueForAttributeOnCustomComponent(
           domElement,
           propKey,
           nextProp
         );
 
-        if (nextProp !== serverValue) {
-          warnForPropDifference(propKey, serverValue, nextProp);
+        if (nextProp !== _serverValue) {
+          warnForPropDifference(propKey, _serverValue, nextProp);
         }
       }
     }
@@ -37045,10 +36889,10 @@ function diffHydratedGenericElement(
 
       case "multiple": {
         extraAttributeNames.delete(propKey);
-        var _serverValue = domElement.multiple;
+        var _serverValue2 = domElement.multiple;
 
-        if (nextProp !== _serverValue) {
-          warnForPropDifference("multiple", _serverValue, nextProp);
+        if (nextProp !== _serverValue2) {
+          warnForPropDifference("multiple", _serverValue2, nextProp);
         }
 
         continue;
@@ -37056,10 +36900,10 @@ function diffHydratedGenericElement(
 
       case "muted": {
         extraAttributeNames.delete(propKey);
-        var _serverValue2 = domElement.muted;
+        var _serverValue3 = domElement.muted;
 
-        if (nextProp !== _serverValue2) {
-          warnForPropDifference("muted", _serverValue2, nextProp);
+        if (nextProp !== _serverValue3) {
+          warnForPropDifference("muted", _serverValue3, nextProp);
         }
 
         continue;
@@ -37282,7 +37126,7 @@ function diffHydratedProperties(
       }
     }
 
-    if (isCustomComponent(tag, props)) {
+    if (isCustomElement(tag)) {
       diffHydratedCustomComponent(
         domElement,
         tag,
@@ -38895,6 +38739,13 @@ var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
 var eventsEnabled = null;
 var selectionInformation = null;
+
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return rootContainerElement.nodeType === DOCUMENT_NODE
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+
 function getRootHostContext(rootContainerInstance) {
   var type;
   var namespace;
@@ -38993,13 +38844,24 @@ function createHoistableInstance(
   internalInstanceHandle
 ) {
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  var domElement = createHTMLElement(type, props, ownerDocument);
+  var domElement = ownerDocument.createElement(type);
   precacheFiberNode(internalInstanceHandle, domElement);
   updateFiberProps(domElement, props);
   setInitialProperties(domElement, type, props);
   markNodeAsHoistable(domElement);
   return domElement;
 }
+var didWarnScriptTags = false;
+var warnedUnknownTags = {
+  // There are working polyfills for <dialog>. Let people use it.
+  dialog: true,
+  // Electron ships a custom <webview> tag to display external web content in
+  // an isolated frame and process.
+  // This tag is not present in non Electron environments such as JSDom which
+  // is often used for testing purposes.
+  // @see https://electronjs.org/docs/api/webview-tag
+  webview: true
+};
 function createInstance(
   type,
   props,
@@ -39040,24 +38902,110 @@ function createInstance(
 
     default:
       switch (type) {
-        case "svg":
+        case "svg": {
           domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
           break;
+        }
 
-        case "math":
+        case "math": {
           domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
           break;
+        }
 
-        case "script":
-          domElement = createPotentiallyInlineScriptElement(ownerDocument);
+        case "script": {
+          // Create the script via .innerHTML so its "parser-inserted" flag is
+          // set to true and it does not execute
+          var div = ownerDocument.createElement("div");
+
+          {
+            if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+              error(
+                "Encountered a script tag while rendering React component. " +
+                  "Scripts inside React components are never executed when rendering " +
+                  "on the client. Consider using template tag instead " +
+                  "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
+              );
+
+              didWarnScriptTags = true;
+            }
+          }
+
+          div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
+          // This is guaranteed to yield a script element.
+
+          var firstChild = div.firstChild;
+          domElement = div.removeChild(firstChild);
           break;
+        }
+
+        case "select": {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement("select", {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement("select");
+          }
+
+          if (props.multiple) {
+            domElement.multiple = true;
+          } else if (props.size) {
+            // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
+            // it is possible that no option is selected.
+            //
+            // This is only necessary when a select in "single selection mode".
+            domElement.size = props.size;
+          }
 
-        case "select":
-          domElement = createSelectElement(props, ownerDocument);
           break;
+        }
 
-        default:
-          domElement = createHTMLElement(type, props, ownerDocument);
+        default: {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement(type, {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement(type);
+          }
+
+          {
+            if (type.indexOf("-") === -1) {
+              // We're not SVG/MathML and we don't have a dash, so we're not a custom element
+              // Even if you use `is`, these should be of known type and lower case.
+              if (type !== type.toLowerCase()) {
+                error(
+                  "<%s /> is using incorrect casing. " +
+                    "Use PascalCase for React components, " +
+                    "or lowercase for HTML elements.",
+                  type
+                );
+              }
+
+              if (
+                // $FlowFixMe[method-unbinding]
+                Object.prototype.toString.call(domElement) ===
+                  "[object HTMLUnknownElement]" &&
+                !hasOwnProperty.call(warnedUnknownTags, type)
+              ) {
+                warnedUnknownTags[type] = true;
+
+                error(
+                  "The tag <%s> is unrecognized in this browser. " +
+                    "If you meant to render a React component, start its name with " +
+                    "an uppercase letter.",
+                  type
+                );
+              }
+            }
+          }
+        }
       }
   }
 
@@ -39127,7 +39075,9 @@ function createTextInstance(
     validateDOMNesting(null, text, hostContextDev.ancestorInfo);
   }
 
-  var textNode = createTextNode(text, rootContainerInstance);
+  var textNode = getOwnerDocumentFromRootContainer(
+    rootContainerInstance
+  ).createTextNode(text);
   precacheFiberNode(internalInstanceHandle, textNode);
   return textNode;
 }
@@ -43594,7 +43544,7 @@ function extractEvents$4(
   } else if (
     enableCustomElementPropertySupport &&
     targetInst &&
-    isCustomComponent(targetInst.elementType, targetInst.memoizedProps)
+    isCustomElement(targetInst.elementType)
   ) {
     getTargetInstFunc = getTargetInstForChangeEvent;
   }
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
index 817375f1c44b5..c696c3b378917 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
@@ -3288,11 +3288,6 @@ function getValueForAttributeOnCustomComponent(node, name, 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) {
@@ -3493,11 +3488,7 @@ function setValueForAttribute(node, name, value) {
   }
 }
 function setValueForPropertyOnCustomComponent(node, name, value) {
-  if (
-    enableCustomElementPropertySupport &&
-    name[0] === "o" &&
-    name[1] === "n"
-  ) {
+  if (name[0] === "o" && name[1] === "n") {
     var useCapture = name.endsWith("Capture");
     var eventName = name.substr(2, useCapture ? name.length - 9 : undefined);
     var prevProps = getFiberCurrentPropsFromNode(node);
@@ -3523,45 +3514,17 @@ function setValueForPropertyOnCustomComponent(node, name, value) {
     }
   }
 
-  if (enableCustomElementPropertySupport && name in node) {
+  if (name in node) {
     node[name] = value;
     return;
   }
 
-  if (isAttributeNameSafe(name)) {
-    // 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": {
-        if (enableCustomElementPropertySupport) {
-          if (value === true) {
-            node.setAttribute(name, "");
-            return;
-          }
-
-          node.removeAttribute(name);
-          return;
-        }
-      }
-    }
-
-    {
-      checkAttributeStringCoercion(value, name);
-    }
+  if (value === true) {
+    node.setAttribute(name, "");
+    return;
+  } // From here, it's the same as any attribute
 
-    node.setAttribute(name, enableTrustedTypesIntegration ? value : "" + value);
-  }
+  setValueForAttribute(node, name, value);
 }
 
 var ReactSharedInternals =
@@ -5891,9 +5854,9 @@ function validateShorthandPropertyCollisionInDev(styleUpdates, nextStyles) {
   }
 }
 
-function isCustomComponent(tagName, props) {
+function isCustomElement(tagName, props) {
   if (tagName.indexOf("-") === -1) {
-    return typeof props.is === "string";
+    return false;
   }
 
   switch (tagName) {
@@ -6928,7 +6891,7 @@ function warnUnknownProperties(type, props, eventRegistry) {
 }
 
 function validateProperties(type, props, eventRegistry) {
-  if (isCustomComponent(type, props)) {
+  if (isCustomElement(type) || typeof props.is === "string") {
     return;
   }
 
@@ -34256,7 +34219,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-e4debc03";
+var ReactVersion = "18.3.0-www-modern-5a2c24c8";
 
 function createPortal$1(
   children,
@@ -37465,7 +37428,7 @@ function extractEvents$4(
   } else if (
     enableCustomElementPropertySupport &&
     targetInst &&
-    isCustomComponent(targetInst.elementType, targetInst.memoizedProps)
+    isCustomElement(targetInst.elementType)
   ) {
     getTargetInstFunc = getTargetInstForChangeEvent;
   }
@@ -39495,21 +39458,10 @@ function getListenerSetKey(domEventName, capture) {
 }
 
 var didWarnInvalidHydration = false;
-var didWarnScriptTags = false;
-var warnedUnknownTags;
 var canDiffStyleForHydrationWarning;
 
 {
-  warnedUnknownTags = {
-    // There are working polyfills for <dialog>. Let people use it.
-    dialog: true,
-    // Electron ships a custom <webview> tag to display external web content in
-    // an isolated frame and process.
-    // This tag is not present in non Electron environments such as JSDom which
-    // is often used for testing purposes.
-    // @see https://electronjs.org/docs/api/webview-tag
-    webview: true
-  }; // IE 11 parses & normalizes the style attribute as opposed to other
+  // IE 11 parses & normalizes the style attribute as opposed to other
   // browsers. It adds spaces and sorts the properties in some
   // non-alphabetical order. Handling that would require sorting CSS
   // properties in the client & server versions or applying
@@ -39517,7 +39469,6 @@ var canDiffStyleForHydrationWarning;
   // normalized. Since it only affects IE, we're skipping style warnings
   // in that browser completely in favor of doing all that work.
   // See https://github.com/facebook/react/issues/11807
-
   canDiffStyleForHydrationWarning =
     disableIEWorkarounds || (canUseDOM && !document.documentMode);
 }
@@ -39677,11 +39628,6 @@ function checkForUnmatchedText(
     throw new Error("Text content does not match server-rendered HTML.");
   }
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return rootContainerElement.nodeType === DOCUMENT_NODE
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 
 function noop$1() {}
 
@@ -39698,7 +39644,7 @@ function trapClickOnNonInteractiveElement(node) {
   node.onclick = noop$1;
 }
 
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style": {
       if (value != null && typeof value !== "object") {
@@ -39846,8 +39792,17 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
           warnForInvalidEventListener(key, value);
         }
       } else {
-        if (isCustomComponentTag) {
-          setValueForPropertyOnCustomComponent(domElement, key, value);
+        if (isCustomElementTag) {
+          if (enableCustomElementPropertySupport) {
+            setValueForPropertyOnCustomComponent(domElement, key, value);
+          } else {
+            if (typeof value === "boolean") {
+              // Special case before the new flag is on
+              value = "" + value;
+            }
+
+            setValueForAttribute(domElement, key, value);
+          }
         } else {
           if (
             // shouldIgnoreAttribute
@@ -39870,134 +39825,8 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       }
     }
   }
-} // creates a script element that won't execute
-
-function createPotentiallyInlineScriptElement(ownerDocument) {
-  // Create the script via .innerHTML so its "parser-inserted" flag is
-  // set to true and it does not execute
-  var div = ownerDocument.createElement("div");
-
-  {
-    if (enableTrustedTypesIntegration && !didWarnScriptTags) {
-      error(
-        "Encountered a script tag while rendering React component. " +
-          "Scripts inside React components are never executed when rendering " +
-          "on the client. Consider using template tag instead " +
-          "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
-      );
-
-      didWarnScriptTags = true;
-    }
-  }
-
-  div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
-  // This is guaranteed to yield a script element.
-
-  var firstChild = div.firstChild;
-  var element = div.removeChild(firstChild);
-  return element;
 }
-function createSelectElement(props, ownerDocument) {
-  var element;
-
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement("select", {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement("select");
-  }
-
-  if (props.multiple) {
-    element.multiple = true;
-  } else if (props.size) {
-    // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
-    // it is possible that no option is selected.
-    //
-    // This is only necessary when a select in "single selection mode".
-    element.size = props.size;
-  }
-
-  return element;
-} // Creates elements in the HTML namesapce
-
-function createHTMLElement(type, props, ownerDocument) {
-  {
-    switch (type) {
-      case "script":
-      case "select":
-        error(
-          'createHTMLElement was called with a "%s" type. This type has special creation logic in React and should use the create function implemented specifically for it. This is a bug in React.',
-          type
-        );
-
-        break;
-
-      case "svg":
-      case "math":
-        error(
-          'createHTMLElement was called with a "%s" type. This type must be created with Document.createElementNS which this method does not implement. This is a bug in React.',
-          type
-        );
-    }
-  }
-
-  var isCustomComponentTag;
-  var element;
-
-  {
-    isCustomComponentTag = isCustomComponent(type, props); // Should this check be gated by parent namespace? Not sure we want to
-    // allow <SVG> or <mATH>.
-
-    if (!isCustomComponentTag && type !== type.toLowerCase()) {
-      error(
-        "<%s /> is using incorrect casing. " +
-          "Use PascalCase for React components, " +
-          "or lowercase for HTML elements.",
-        type
-      );
-    }
-  }
 
-  if (typeof props.is === "string") {
-    element = ownerDocument.createElement(type, {
-      is: props.is
-    });
-  } else {
-    // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
-    // See discussion in https://github.com/facebook/react/pull/6896
-    // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
-    element = ownerDocument.createElement(type);
-  }
-
-  {
-    if (
-      !isCustomComponentTag && // $FlowFixMe[method-unbinding]
-      Object.prototype.toString.call(element) ===
-        "[object HTMLUnknownElement]" &&
-      !hasOwnProperty.call(warnedUnknownTags, type)
-    ) {
-      warnedUnknownTags[type] = true;
-
-      error(
-        "The tag <%s> is unrecognized in this browser. " +
-          "If you meant to render a React component, start its name with " +
-          "an uppercase letter.",
-        type
-      );
-    }
-  }
-
-  return element;
-}
-function createTextNode(text, rootContainerElement) {
-  return getOwnerDocumentFromRootContainer(rootContainerElement).createTextNode(
-    text
-  );
-}
 function setInitialProperties(domElement, tag, props) {
   {
     validatePropertiesInDevelopment(tag, props);
@@ -40270,7 +40099,6 @@ function setInitialProperties(domElement, tag, props) {
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey4, _propValue4, false, props);
           }
         }
@@ -40280,7 +40108,7 @@ function setInitialProperties(domElement, tag, props) {
     }
   }
 
-  var isCustomComponentTag = isCustomComponent(tag, props);
+  var isCustomElementTag = isCustomElement(tag);
 
   for (var _propKey5 in props) {
     if (!props.hasOwnProperty(_propKey5)) {
@@ -40293,14 +40121,7 @@ function setInitialProperties(domElement, tag, props) {
       continue;
     }
 
-    setProp(
-      domElement,
-      tag,
-      _propKey5,
-      _propValue5,
-      isCustomComponentTag,
-      props
-    );
+    setProp(domElement, tag, _propKey5, _propValue5, isCustomElementTag, props);
   }
 } // Calculate the diff between the two objects.
 
@@ -40402,6 +40223,12 @@ function diffProperties(domElement, tag, lastProps, nextProps) {
           break;
         }
 
+        case "is": {
+          error('Cannot update the "is" prop after it has been initialized.');
+        }
+
+        // eslint-disable-next-line no-fallthrough
+
         default: {
           (updatePayload = updatePayload || []).push(propKey, nextProp);
         }
@@ -40605,7 +40432,6 @@ function updateProperties(
           // defaultChecked and defaultValue are ignored by setProp
 
           default: {
-            // TODO: If the `is` prop is specified, this should go through the isCustomComponentTag flow.
             setProp(domElement, tag, _propKey9, _propValue9, false, nextProps);
           }
         }
@@ -40613,10 +40439,9 @@ function updateProperties(
 
       return;
     }
-  } // TODO: Handle wasCustomComponentTag. Changing "is" isn't valid.
-  // const wasCustomComponentTag = isCustomComponent(tag, lastProps);
+  }
 
-  var isCustomComponentTag = isCustomComponent(tag, nextProps); // Apply the diff.
+  var isCustomElementTag = isCustomElement(tag); // Apply the diff.
 
   for (var _i5 = 0; _i5 < updatePayload.length; _i5 += 2) {
     var _propKey10 = updatePayload[_i5];
@@ -40626,7 +40451,7 @@ function updateProperties(
       tag,
       _propKey10,
       _propValue10,
-      isCustomComponentTag,
+      isCustomElementTag,
       nextProps
     );
   }
@@ -40747,6 +40572,25 @@ function diffHydratedCustomComponent(
 
       // eslint-disable-next-line no-fallthrough
 
+      case "className":
+        if (enableCustomElementPropertySupport) {
+          // className is a special cased property on the server to render as an attribute.
+          extraAttributeNames.delete("class");
+          var serverValue = getValueForAttributeOnCustomComponent(
+            domElement,
+            "class",
+            nextProp
+          );
+
+          if (nextProp !== serverValue) {
+            warnForPropDifference("className", serverValue, nextProp);
+          }
+
+          continue;
+        }
+
+      // eslint-disable-next-line no-fallthrough
+
       default: {
         var ownNamespaceDev = parentNamespaceDev;
 
@@ -40760,14 +40604,14 @@ function diffHydratedCustomComponent(
           extraAttributeNames.delete(propKey);
         }
 
-        var serverValue = getValueForAttributeOnCustomComponent(
+        var _serverValue = getValueForAttributeOnCustomComponent(
           domElement,
           propKey,
           nextProp
         );
 
-        if (nextProp !== serverValue) {
-          warnForPropDifference(propKey, serverValue, nextProp);
+        if (nextProp !== _serverValue) {
+          warnForPropDifference(propKey, _serverValue, nextProp);
         }
       }
     }
@@ -40842,10 +40686,10 @@ function diffHydratedGenericElement(
 
       case "multiple": {
         extraAttributeNames.delete(propKey);
-        var _serverValue = domElement.multiple;
+        var _serverValue2 = domElement.multiple;
 
-        if (nextProp !== _serverValue) {
-          warnForPropDifference("multiple", _serverValue, nextProp);
+        if (nextProp !== _serverValue2) {
+          warnForPropDifference("multiple", _serverValue2, nextProp);
         }
 
         continue;
@@ -40853,10 +40697,10 @@ function diffHydratedGenericElement(
 
       case "muted": {
         extraAttributeNames.delete(propKey);
-        var _serverValue2 = domElement.muted;
+        var _serverValue3 = domElement.muted;
 
-        if (nextProp !== _serverValue2) {
-          warnForPropDifference("muted", _serverValue2, nextProp);
+        if (nextProp !== _serverValue3) {
+          warnForPropDifference("muted", _serverValue3, nextProp);
         }
 
         continue;
@@ -41079,7 +40923,7 @@ function diffHydratedProperties(
       }
     }
 
-    if (isCustomComponent(tag, props)) {
+    if (isCustomElement(tag)) {
       diffHydratedCustomComponent(
         domElement,
         tag,
@@ -41870,6 +41714,13 @@ var SUSPENSE_FALLBACK_START_DATA = "$!";
 var STYLE = "style";
 var eventsEnabled = null;
 var selectionInformation = null;
+
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return rootContainerElement.nodeType === DOCUMENT_NODE
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
+
 function getRootHostContext(rootContainerInstance) {
   var type;
   var namespace;
@@ -41968,13 +41819,24 @@ function createHoistableInstance(
   internalInstanceHandle
 ) {
   var ownerDocument = getOwnerDocumentFromRootContainer(rootContainerInstance);
-  var domElement = createHTMLElement(type, props, ownerDocument);
+  var domElement = ownerDocument.createElement(type);
   precacheFiberNode(internalInstanceHandle, domElement);
   updateFiberProps(domElement, props);
   setInitialProperties(domElement, type, props);
   markNodeAsHoistable(domElement);
   return domElement;
 }
+var didWarnScriptTags = false;
+var warnedUnknownTags = {
+  // There are working polyfills for <dialog>. Let people use it.
+  dialog: true,
+  // Electron ships a custom <webview> tag to display external web content in
+  // an isolated frame and process.
+  // This tag is not present in non Electron environments such as JSDom which
+  // is often used for testing purposes.
+  // @see https://electronjs.org/docs/api/webview-tag
+  webview: true
+};
 function createInstance(
   type,
   props,
@@ -42015,24 +41877,110 @@ function createInstance(
 
     default:
       switch (type) {
-        case "svg":
+        case "svg": {
           domElement = ownerDocument.createElementNS(SVG_NAMESPACE, type);
           break;
+        }
 
-        case "math":
+        case "math": {
           domElement = ownerDocument.createElementNS(MATH_NAMESPACE, type);
           break;
+        }
 
-        case "script":
-          domElement = createPotentiallyInlineScriptElement(ownerDocument);
+        case "script": {
+          // Create the script via .innerHTML so its "parser-inserted" flag is
+          // set to true and it does not execute
+          var div = ownerDocument.createElement("div");
+
+          {
+            if (enableTrustedTypesIntegration && !didWarnScriptTags) {
+              error(
+                "Encountered a script tag while rendering React component. " +
+                  "Scripts inside React components are never executed when rendering " +
+                  "on the client. Consider using template tag instead " +
+                  "(https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template)."
+              );
+
+              didWarnScriptTags = true;
+            }
+          }
+
+          div.innerHTML = "<script><" + "/script>"; // eslint-disable-line
+          // This is guaranteed to yield a script element.
+
+          var firstChild = div.firstChild;
+          domElement = div.removeChild(firstChild);
           break;
+        }
+
+        case "select": {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement("select", {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement("select");
+          }
+
+          if (props.multiple) {
+            domElement.multiple = true;
+          } else if (props.size) {
+            // Setting a size greater than 1 causes a select to behave like `multiple=true`, where
+            // it is possible that no option is selected.
+            //
+            // This is only necessary when a select in "single selection mode".
+            domElement.size = props.size;
+          }
 
-        case "select":
-          domElement = createSelectElement(props, ownerDocument);
           break;
+        }
 
-        default:
-          domElement = createHTMLElement(type, props, ownerDocument);
+        default: {
+          if (typeof props.is === "string") {
+            domElement = ownerDocument.createElement(type, {
+              is: props.is
+            });
+          } else {
+            // Separate else branch instead of using `props.is || undefined` above because of a Firefox bug.
+            // See discussion in https://github.com/facebook/react/pull/6896
+            // and discussion in https://bugzilla.mozilla.org/show_bug.cgi?id=1276240
+            domElement = ownerDocument.createElement(type);
+          }
+
+          {
+            if (type.indexOf("-") === -1) {
+              // We're not SVG/MathML and we don't have a dash, so we're not a custom element
+              // Even if you use `is`, these should be of known type and lower case.
+              if (type !== type.toLowerCase()) {
+                error(
+                  "<%s /> is using incorrect casing. " +
+                    "Use PascalCase for React components, " +
+                    "or lowercase for HTML elements.",
+                  type
+                );
+              }
+
+              if (
+                // $FlowFixMe[method-unbinding]
+                Object.prototype.toString.call(domElement) ===
+                  "[object HTMLUnknownElement]" &&
+                !hasOwnProperty.call(warnedUnknownTags, type)
+              ) {
+                warnedUnknownTags[type] = true;
+
+                error(
+                  "The tag <%s> is unrecognized in this browser. " +
+                    "If you meant to render a React component, start its name with " +
+                    "an uppercase letter.",
+                  type
+                );
+              }
+            }
+          }
+        }
       }
   }
 
@@ -42102,7 +42050,9 @@ function createTextInstance(
     validateDOMNesting(null, text, hostContextDev.ancestorInfo);
   }
 
-  var textNode = createTextNode(text, rootContainerInstance);
+  var textNode = getOwnerDocumentFromRootContainer(
+    rootContainerInstance
+  ).createTextNode(text);
   precacheFiberNode(internalInstanceHandle, textNode);
   return textNode;
 }
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
index 91d899dc480d8..2c085215f269f 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
@@ -5958,11 +5958,12 @@ function completeWork(current, workInProgress, renderLanes) {
                     : newProps.size && (current.size = newProps.size);
                   break;
                 default:
-                  current = createHTMLElement(
-                    renderLanes,
-                    newProps,
-                    nextResource
-                  );
+                  current =
+                    "string" === typeof newProps.is
+                      ? nextResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : nextResource.createElement(renderLanes);
               }
           }
           current[internalInstanceKey] = workInProgress;
@@ -10676,8 +10677,7 @@ beginWork = function (current, workInProgress, renderLanes) {
           (current = workInProgress.pendingProps),
           (Component = getOwnerDocumentFromRootContainer(
             rootInstanceStackCursor.current
-          )),
-          (Component = createHTMLElement(renderLanes, current, Component)),
+          ).createElement(renderLanes)),
           (Component[internalInstanceKey] = workInProgress),
           (Component[internalPropsKey] = current),
           setInitialProperties(Component, renderLanes, current),
@@ -11948,6 +11948,29 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
+function setValueForAttribute(node, name, value) {
+  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":
+          var prefix$184 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$184 && "aria-" !== prefix$184) {
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+    }
+}
 function getToStringValue(value) {
   switch (typeof value) {
     case "boolean":
@@ -12248,8 +12271,8 @@ function setTextContent(node, text) {
   }
   node.textContent = text;
 }
-function isCustomComponent(tagName, props) {
-  if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
+function isCustomElement(tagName) {
+  if (-1 === tagName.indexOf("-")) return !1;
   switch (tagName) {
     case "annotation-xml":
     case "color-profile":
@@ -12271,33 +12294,29 @@ function normalizeMarkupForTextOrAttribute(markup) {
     .replace(NORMALIZE_NEWLINES_REGEX, "\n")
     .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 function noop$1() {}
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style":
       if (null != value && "object" !== typeof value)
         throw Error(formatProdErrorMessage(62));
+      key = value;
       domElement = domElement.style;
-      for (var styleName in value)
-        if (value.hasOwnProperty(styleName))
+      for (var styleName in key)
+        if (key.hasOwnProperty(styleName))
           if (
-            ((key = value[styleName]),
+            ((value = key[styleName]),
             (props = 0 === styleName.indexOf("--")),
-            null == key || "boolean" === typeof key || "" === key)
+            null == value || "boolean" === typeof value || "" === value)
           )
             props
               ? domElement.setProperty(styleName, "")
               : "float" === styleName
               ? (domElement.cssFloat = "")
               : (domElement[styleName] = "");
-          else if (props) domElement.setProperty(styleName, key);
+          else if (props) domElement.setProperty(styleName, value);
           else {
-            if (!(props = "number" !== typeof key || 0 === key))
+            if (!(props = "number" !== typeof value || 0 === value))
               a: switch (styleName) {
                 case "animationIterationCount":
                 case "aspectRatio":
@@ -12377,21 +12396,21 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
               }
             props
               ? "float" === styleName
-                ? (domElement.cssFloat = key)
-                : (domElement[styleName] = ("" + key).trim())
-              : (domElement[styleName] = key + "px");
+                ? (domElement.cssFloat = value)
+                : (domElement[styleName] = ("" + value).trim())
+              : (domElement[styleName] = value + "px");
           }
       break;
     case "dangerouslySetInnerHTML":
       if (null != value) {
         if ("object" !== typeof value || !("__html" in value))
           throw Error(formatProdErrorMessage(61));
-        value = value.__html;
-        if (null != value) {
+        key = value.__html;
+        if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
           disableIEWorkarounds
-            ? (domElement.innerHTML = value)
-            : setInnerHTML$1(domElement, value);
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -12431,56 +12450,39 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       if (enableCustomElementPropertySupport) break;
     default:
       if (!registrationNameDependencies.hasOwnProperty(key))
-        if (isCustomComponentTag)
-          a: {
-            if (
-              enableCustomElementPropertySupport &&
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((styleName = key.endsWith("Capture")),
-              (props = key.substr(2, styleName ? key.length - 9 : void 0)),
-              (tag = getFiberCurrentPropsFromNode(domElement)),
-              (tag = null != tag ? tag[key] : null),
-              "function" === typeof tag &&
-                domElement.removeEventListener(props, tag, styleName),
-              "function" === typeof value)
-            ) {
-              "function" !== typeof tag &&
-                null !== tag &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(props, value, styleName);
-              break a;
-            }
-            if (enableCustomElementPropertySupport && key in domElement)
-              domElement[key] = value;
-            else if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (enableCustomElementPropertySupport) {
-                      if (!0 === value) {
-                        domElement.setAttribute(key, "");
-                        break a;
-                      }
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
+        if (isCustomElementTag)
+          if (enableCustomElementPropertySupport)
+            a: {
+              styleName = value;
+              if (
+                "o" === key[0] &&
+                "n" === key[1] &&
+                ((value = key.endsWith("Capture")),
+                (props = key.substr(2, value ? key.length - 9 : void 0)),
+                (tag = getFiberCurrentPropsFromNode(domElement)),
+                (tag = null != tag ? tag[key] : null),
+                "function" === typeof tag &&
+                  domElement.removeEventListener(props, tag, value),
+                "function" === typeof styleName)
+              ) {
+                "function" !== typeof tag &&
+                  null !== tag &&
+                  (key in domElement
+                    ? (domElement[key] = null)
+                    : domElement.hasAttribute(key) &&
+                      domElement.removeAttribute(key));
+                domElement.addEventListener(props, styleName, value);
+                break a;
               }
-          }
+              key in domElement
+                ? (domElement[key] = styleName)
+                : !0 === styleName
+                ? domElement.setAttribute(key, "")
+                : setValueForAttribute(domElement, key, styleName);
+            }
+          else
+            "boolean" === typeof value && (value = "" + value),
+              setValueForAttribute(domElement, key, value);
         else if (
           !(2 < key.length) ||
           ("o" !== key[0] && "O" !== key[0]) ||
@@ -12545,37 +12547,9 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
                         : domElement.setAttribute(key, value);
                 }
             }
-          else
-            a: if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (
-                      ((styleName = key.toLowerCase().slice(0, 5)),
-                      "data-" !== styleName && "aria-" !== styleName)
-                    ) {
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
-              }
+          else setValueForAttribute(domElement, key, value);
   }
 }
-function createHTMLElement(type, props, ownerDocument) {
-  return "string" === typeof props.is
-    ? ownerDocument.createElement(type, { is: props.is })
-    : ownerDocument.createElement(type);
-}
 function setInitialProperties(domElement, tag, props) {
   switch (tag) {
     case "input":
@@ -12724,7 +12698,7 @@ function setInitialProperties(domElement, tag, props) {
           }
       return;
   }
-  propKey = isCustomComponent(tag, props);
+  propKey = isCustomElement(tag);
   for (node in props)
     props.hasOwnProperty(node) &&
       ((propValue = props[node]),
@@ -12870,7 +12844,7 @@ function updateProperties(
         }
       return;
   }
-  lastProps = isCustomComponent(tag, nextProps);
+  lastProps = isCustomElement(tag);
   for (propValue = 0; propValue < updatePayload.length; propValue += 2)
     setProp(
       domElement,
@@ -12949,17 +12923,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1631 = {
+var devToolsConfig$jscomp$inline_1636 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-26d7a5d5",
+  version: "18.3.0-www-classic-8643ce3a",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2192 = {
-  bundleType: devToolsConfig$jscomp$inline_1631.bundleType,
-  version: devToolsConfig$jscomp$inline_1631.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1631.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1631.rendererConfig,
+var internals$jscomp$inline_2182 = {
+  bundleType: devToolsConfig$jscomp$inline_1636.bundleType,
+  version: devToolsConfig$jscomp$inline_1636.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1636.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1636.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -12975,26 +12949,26 @@ var internals$jscomp$inline_2192 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1631.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1636.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-classic-26d7a5d5"
+  reconcilerVersion: "18.3.0-www-classic-8643ce3a"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2193 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2183 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2193.isDisabled &&
-    hook$jscomp$inline_2193.supportsFiber
+    !hook$jscomp$inline_2183.isDisabled &&
+    hook$jscomp$inline_2183.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2193.inject(
-        internals$jscomp$inline_2192
+      (rendererID = hook$jscomp$inline_2183.inject(
+        internals$jscomp$inline_2182
       )),
-        (injectedHook = hook$jscomp$inline_2193);
+        (injectedHook = hook$jscomp$inline_2183);
     } catch (err) {}
 }
 var tagToRoleMappings = {
@@ -13257,6 +13231,11 @@ function restoreSelection(priorSelectionInformation) {
 var Dispatcher = Internals.Dispatcher,
   eventsEnabled = null,
   selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
 function beforeActiveInstanceBlur(internalInstanceHandle) {
   _enabled = !0;
   var target = selectionInformation.focusedElem,
@@ -14816,14 +14795,14 @@ var isInputEventSupported = !1;
 if (canUseDOM) {
   var JSCompiler_inline_result$jscomp$349;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1730 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1730) {
-      var element$jscomp$inline_1731 = document.createElement("div");
-      element$jscomp$inline_1731.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1730 =
-        "function" === typeof element$jscomp$inline_1731.oninput;
+    var isSupported$jscomp$inline_1735 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1735) {
+      var element$jscomp$inline_1736 = document.createElement("div");
+      element$jscomp$inline_1736.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1735 =
+        "function" === typeof element$jscomp$inline_1736.oninput;
     }
-    JSCompiler_inline_result$jscomp$349 = isSupported$jscomp$inline_1730;
+    JSCompiler_inline_result$jscomp$349 = isSupported$jscomp$inline_1735;
   } else JSCompiler_inline_result$jscomp$349 = !1;
   isInputEventSupported =
     JSCompiler_inline_result$jscomp$349 &&
@@ -14964,20 +14943,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1743 = 0;
-  i$jscomp$inline_1743 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1743++
+  var i$jscomp$inline_1748 = 0;
+  i$jscomp$inline_1748 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1748++
 ) {
-  var eventName$jscomp$inline_1744 =
-      simpleEventPluginEvents[i$jscomp$inline_1743],
-    domEventName$jscomp$inline_1745 =
-      eventName$jscomp$inline_1744.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1746 =
-      eventName$jscomp$inline_1744[0].toUpperCase() +
-      eventName$jscomp$inline_1744.slice(1);
+  var eventName$jscomp$inline_1749 =
+      simpleEventPluginEvents[i$jscomp$inline_1748],
+    domEventName$jscomp$inline_1750 =
+      eventName$jscomp$inline_1749.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1751 =
+      eventName$jscomp$inline_1749[0].toUpperCase() +
+      eventName$jscomp$inline_1749.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1745,
-    "on" + capitalizedEvent$jscomp$inline_1746
+    domEventName$jscomp$inline_1750,
+    "on" + capitalizedEvent$jscomp$inline_1751
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -15517,10 +15496,7 @@ function dispatchEventForPluginEventSystem(
             ("checkbox" !== reactName.type && "radio" !== reactName.type)
               ? enableCustomElementPropertySupport &&
                 targetInst &&
-                isCustomComponent(
-                  targetInst.elementType,
-                  targetInst.memoizedProps
-                ) &&
+                isCustomElement(targetInst.elementType) &&
                 (getTargetInstFunc = getTargetInstForChangeEvent)
               : (getTargetInstFunc = getTargetInstForClickEvent);
         if (
@@ -16854,4 +16830,4 @@ exports.unstable_renderSubtreeIntoContainer = function (
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-classic-26d7a5d5";
+exports.version = "18.3.0-www-classic-8643ce3a";
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
index 9057592ef4a56..48fc63b0f7eef 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
@@ -772,6 +772,29 @@ function sanitizeURL(url) {
     ? "javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')"
     : url;
 }
+function setValueForAttribute(node, name, value) {
+  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":
+          var prefix$9 = name.toLowerCase().slice(0, 5);
+          if ("data-" !== prefix$9 && "aria-" !== prefix$9) {
+            node.removeAttribute(name);
+            return;
+          }
+      }
+      node.setAttribute(
+        name,
+        enableTrustedTypesIntegration ? value : "" + value
+      );
+    }
+}
 var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
   REACT_PORTAL_TYPE = Symbol.for("react.portal"),
   REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
@@ -1261,8 +1284,8 @@ function setTextContent(node, text) {
   }
   node.textContent = text;
 }
-function isCustomComponent(tagName, props) {
-  if (-1 === tagName.indexOf("-")) return "string" === typeof props.is;
+function isCustomElement(tagName) {
+  if (-1 === tagName.indexOf("-")) return !1;
   switch (tagName) {
     case "annotation-xml":
     case "color-profile":
@@ -6454,11 +6477,12 @@ function completeWork(current, workInProgress, renderLanes) {
                     : newProps.size && (current.size = newProps.size);
                   break;
                 default:
-                  current = createHTMLElement(
-                    renderLanes,
-                    newProps,
-                    nextResource
-                  );
+                  current =
+                    "string" === typeof newProps.is
+                      ? nextResource.createElement(renderLanes, {
+                          is: newProps.is
+                        })
+                      : nextResource.createElement(renderLanes);
               }
           }
           current[internalInstanceKey] = workInProgress;
@@ -11167,8 +11191,7 @@ beginWork = function (current, workInProgress, renderLanes) {
           (current = workInProgress.pendingProps),
           (Component = getOwnerDocumentFromRootContainer(
             rootInstanceStackCursor.current
-          )),
-          (Component = createHTMLElement(renderLanes, current, Component)),
+          ).createElement(renderLanes)),
           (Component[internalInstanceKey] = workInProgress),
           (Component[internalPropsKey] = current),
           setInitialProperties(Component, renderLanes, current),
@@ -13232,14 +13255,14 @@ var isInputEventSupported = !1;
 if (canUseDOM) {
   var JSCompiler_inline_result$jscomp$324;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1571 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1571) {
-      var element$jscomp$inline_1572 = document.createElement("div");
-      element$jscomp$inline_1572.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1571 =
-        "function" === typeof element$jscomp$inline_1572.oninput;
+    var isSupported$jscomp$inline_1573 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1573) {
+      var element$jscomp$inline_1574 = document.createElement("div");
+      element$jscomp$inline_1574.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1573 =
+        "function" === typeof element$jscomp$inline_1574.oninput;
     }
-    JSCompiler_inline_result$jscomp$324 = isSupported$jscomp$inline_1571;
+    JSCompiler_inline_result$jscomp$324 = isSupported$jscomp$inline_1573;
   } else JSCompiler_inline_result$jscomp$324 = !1;
   isInputEventSupported =
     JSCompiler_inline_result$jscomp$324 &&
@@ -13551,20 +13574,20 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1612 = 0;
-  i$jscomp$inline_1612 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1612++
+  var i$jscomp$inline_1614 = 0;
+  i$jscomp$inline_1614 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1614++
 ) {
-  var eventName$jscomp$inline_1613 =
-      simpleEventPluginEvents[i$jscomp$inline_1612],
-    domEventName$jscomp$inline_1614 =
-      eventName$jscomp$inline_1613.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1615 =
-      eventName$jscomp$inline_1613[0].toUpperCase() +
-      eventName$jscomp$inline_1613.slice(1);
+  var eventName$jscomp$inline_1615 =
+      simpleEventPluginEvents[i$jscomp$inline_1614],
+    domEventName$jscomp$inline_1616 =
+      eventName$jscomp$inline_1615.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1617 =
+      eventName$jscomp$inline_1615[0].toUpperCase() +
+      eventName$jscomp$inline_1615.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1614,
-    "on" + capitalizedEvent$jscomp$inline_1615
+    domEventName$jscomp$inline_1616,
+    "on" + capitalizedEvent$jscomp$inline_1617
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14104,10 +14127,7 @@ function dispatchEventForPluginEventSystem(
             ("checkbox" !== reactName.type && "radio" !== reactName.type)
               ? enableCustomElementPropertySupport &&
                 targetInst &&
-                isCustomComponent(
-                  targetInst.elementType,
-                  targetInst.memoizedProps
-                ) &&
+                isCustomElement(targetInst.elementType) &&
                 (getTargetInstFunc = getTargetInstForChangeEvent)
               : (getTargetInstFunc = getTargetInstForClickEvent);
         if (
@@ -14398,33 +14418,29 @@ function normalizeMarkupForTextOrAttribute(markup) {
     .replace(NORMALIZE_NEWLINES_REGEX, "\n")
     .replace(NORMALIZE_NULL_AND_REPLACEMENT_REGEX, "");
 }
-function getOwnerDocumentFromRootContainer(rootContainerElement) {
-  return 9 === rootContainerElement.nodeType
-    ? rootContainerElement
-    : rootContainerElement.ownerDocument;
-}
 function noop$1() {}
-function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
+function setProp(domElement, tag, key, value, isCustomElementTag, props) {
   switch (key) {
     case "style":
       if (null != value && "object" !== typeof value)
         throw Error(formatProdErrorMessage(62));
+      key = value;
       domElement = domElement.style;
-      for (var styleName in value)
-        if (value.hasOwnProperty(styleName))
+      for (var styleName in key)
+        if (key.hasOwnProperty(styleName))
           if (
-            ((key = value[styleName]),
+            ((value = key[styleName]),
             (props = 0 === styleName.indexOf("--")),
-            null == key || "boolean" === typeof key || "" === key)
+            null == value || "boolean" === typeof value || "" === value)
           )
             props
               ? domElement.setProperty(styleName, "")
               : "float" === styleName
               ? (domElement.cssFloat = "")
               : (domElement[styleName] = "");
-          else if (props) domElement.setProperty(styleName, key);
+          else if (props) domElement.setProperty(styleName, value);
           else {
-            if (!(props = "number" !== typeof key || 0 === key))
+            if (!(props = "number" !== typeof value || 0 === value))
               a: switch (styleName) {
                 case "animationIterationCount":
                 case "aspectRatio":
@@ -14504,21 +14520,21 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
               }
             props
               ? "float" === styleName
-                ? (domElement.cssFloat = key)
-                : (domElement[styleName] = ("" + key).trim())
-              : (domElement[styleName] = key + "px");
+                ? (domElement.cssFloat = value)
+                : (domElement[styleName] = ("" + value).trim())
+              : (domElement[styleName] = value + "px");
           }
       break;
     case "dangerouslySetInnerHTML":
       if (null != value) {
         if ("object" !== typeof value || !("__html" in value))
           throw Error(formatProdErrorMessage(61));
-        value = value.__html;
-        if (null != value) {
+        key = value.__html;
+        if (null != key) {
           if (null != props.children) throw Error(formatProdErrorMessage(60));
           disableIEWorkarounds
-            ? (domElement.innerHTML = value)
-            : setInnerHTML$1(domElement, value);
+            ? (domElement.innerHTML = key)
+            : setInnerHTML$1(domElement, key);
         }
       }
       break;
@@ -14558,56 +14574,39 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
       if (enableCustomElementPropertySupport) break;
     default:
       if (!registrationNameDependencies.hasOwnProperty(key))
-        if (isCustomComponentTag)
-          a: {
-            if (
-              enableCustomElementPropertySupport &&
-              "o" === key[0] &&
-              "n" === key[1] &&
-              ((styleName = key.endsWith("Capture")),
-              (props = key.substr(2, styleName ? key.length - 9 : void 0)),
-              (tag = getFiberCurrentPropsFromNode(domElement)),
-              (tag = null != tag ? tag[key] : null),
-              "function" === typeof tag &&
-                domElement.removeEventListener(props, tag, styleName),
-              "function" === typeof value)
-            ) {
-              "function" !== typeof tag &&
-                null !== tag &&
-                (key in domElement
-                  ? (domElement[key] = null)
-                  : domElement.hasAttribute(key) &&
-                    domElement.removeAttribute(key));
-              domElement.addEventListener(props, value, styleName);
-              break a;
-            }
-            if (enableCustomElementPropertySupport && key in domElement)
-              domElement[key] = value;
-            else if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (enableCustomElementPropertySupport) {
-                      if (!0 === value) {
-                        domElement.setAttribute(key, "");
-                        break a;
-                      }
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
+        if (isCustomElementTag)
+          if (enableCustomElementPropertySupport)
+            a: {
+              styleName = value;
+              if (
+                "o" === key[0] &&
+                "n" === key[1] &&
+                ((value = key.endsWith("Capture")),
+                (props = key.substr(2, value ? key.length - 9 : void 0)),
+                (tag = getFiberCurrentPropsFromNode(domElement)),
+                (tag = null != tag ? tag[key] : null),
+                "function" === typeof tag &&
+                  domElement.removeEventListener(props, tag, value),
+                "function" === typeof styleName)
+              ) {
+                "function" !== typeof tag &&
+                  null !== tag &&
+                  (key in domElement
+                    ? (domElement[key] = null)
+                    : domElement.hasAttribute(key) &&
+                      domElement.removeAttribute(key));
+                domElement.addEventListener(props, styleName, value);
+                break a;
               }
-          }
+              key in domElement
+                ? (domElement[key] = styleName)
+                : !0 === styleName
+                ? domElement.setAttribute(key, "")
+                : setValueForAttribute(domElement, key, styleName);
+            }
+          else
+            "boolean" === typeof value && (value = "" + value),
+              setValueForAttribute(domElement, key, value);
         else if (
           !(2 < key.length) ||
           ("o" !== key[0] && "O" !== key[0]) ||
@@ -14672,37 +14671,9 @@ function setProp(domElement, tag, key, value, isCustomComponentTag, props) {
                         : domElement.setAttribute(key, value);
                 }
             }
-          else
-            a: if (isAttributeNameSafe(key))
-              if (null === value) domElement.removeAttribute(key);
-              else {
-                switch (typeof value) {
-                  case "undefined":
-                  case "function":
-                  case "symbol":
-                    domElement.removeAttribute(key);
-                    break a;
-                  case "boolean":
-                    if (
-                      ((styleName = key.toLowerCase().slice(0, 5)),
-                      "data-" !== styleName && "aria-" !== styleName)
-                    ) {
-                      domElement.removeAttribute(key);
-                      break a;
-                    }
-                }
-                domElement.setAttribute(
-                  key,
-                  enableTrustedTypesIntegration ? value : "" + value
-                );
-              }
+          else setValueForAttribute(domElement, key, value);
   }
 }
-function createHTMLElement(type, props, ownerDocument) {
-  return "string" === typeof props.is
-    ? ownerDocument.createElement(type, { is: props.is })
-    : ownerDocument.createElement(type);
-}
 function setInitialProperties(domElement, tag, props) {
   switch (tag) {
     case "input":
@@ -14851,7 +14822,7 @@ function setInitialProperties(domElement, tag, props) {
           }
       return;
   }
-  propKey = isCustomComponent(tag, props);
+  propKey = isCustomElement(tag);
   for (node in props)
     props.hasOwnProperty(node) &&
       ((propValue = props[node]),
@@ -14997,7 +14968,7 @@ function updateProperties(
         }
       return;
   }
-  lastProps = isCustomComponent(tag, nextProps);
+  lastProps = isCustomElement(tag);
   for (propValue = 0; propValue < updatePayload.length; propValue += 2)
     setProp(
       domElement,
@@ -15011,6 +14982,11 @@ function updateProperties(
 var Dispatcher$1 = Internals.Dispatcher,
   eventsEnabled = null,
   selectionInformation = null;
+function getOwnerDocumentFromRootContainer(rootContainerElement) {
+  return 9 === rootContainerElement.nodeType
+    ? rootContainerElement
+    : rootContainerElement.ownerDocument;
+}
 function beforeActiveInstanceBlur(internalInstanceHandle) {
   _enabled = !0;
   var target = selectionInformation.focusedElem,
@@ -16012,17 +15988,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1789 = {
+var devToolsConfig$jscomp$inline_1794 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-8f5a57f2",
+  version: "18.3.0-www-modern-b298fcd9",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2204 = {
-  bundleType: devToolsConfig$jscomp$inline_1789.bundleType,
-  version: devToolsConfig$jscomp$inline_1789.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1789.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1789.rendererConfig,
+var internals$jscomp$inline_2194 = {
+  bundleType: devToolsConfig$jscomp$inline_1794.bundleType,
+  version: devToolsConfig$jscomp$inline_1794.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1794.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1794.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -16039,26 +16015,26 @@ var internals$jscomp$inline_2204 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1789.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1794.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-www-modern-8f5a57f2"
+  reconcilerVersion: "18.3.0-www-modern-b298fcd9"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2205 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2195 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2205.isDisabled &&
-    hook$jscomp$inline_2205.supportsFiber
+    !hook$jscomp$inline_2195.isDisabled &&
+    hook$jscomp$inline_2195.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2205.inject(
-        internals$jscomp$inline_2204
+      (rendererID = hook$jscomp$inline_2195.inject(
+        internals$jscomp$inline_2194
       )),
-        (injectedHook = hook$jscomp$inline_2205);
+        (injectedHook = hook$jscomp$inline_2195);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -16366,4 +16342,4 @@ exports.unstable_createEventHandle = function (type, options) {
   return eventHandle;
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-www-modern-8f5a57f2";
+exports.version = "18.3.0-www-modern-b298fcd9";
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index a9260b0094bb2..5158493f500b5 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -24365,7 +24365,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-8f5a57f2";
+var ReactVersion = "18.3.0-www-modern-b298fcd9";
 
 // Might add PROFILE later.
 
diff --git a/compiled/facebook-www/WARNINGS b/compiled/facebook-www/WARNINGS
index 8004d6e9b71dd..5cddcc138b7fe 100644
--- a/compiled/facebook-www/WARNINGS
+++ b/compiled/facebook-www/WARNINGS
@@ -103,6 +103,7 @@
 "Cannot render a sync or defer <script> outside the main document without knowing its order. Try adding async=\"\" or moving it into the root <head> tag."
 "Cannot update a component (`%s`) while rendering a different component (`%s`). To locate the bad setState() call inside `%s`, follow the stack trace as described in https://reactjs.org/link/setstate-in-render"
 "Cannot update during an existing state transition (such as within `render`). Render methods should be a pure function of props and state."
+"Cannot update the \"is\" prop after it has been initialized."
 "Cannot use() an already resolved Client Reference."
 "Changing the name of a tracing marker after mount is not supported. To remount the tracing marker, pass it a new key."
 "Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?"
@@ -367,8 +368,6 @@
 "contextTypes was defined as an instance property on %s. Use a static property to define contextTypes instead."
 "copyWithRename() expects paths of the same length"
 "copyWithRename() expects paths to be the same except for the deepest key"
-"createHTMLElement was called with a \"%s\" type. This type has special creation logic in React and should use the create function implemented specifically for it. This is a bug in React."
-"createHTMLElement was called with a \"%s\" type. This type must be created with Document.createElementNS which this method does not implement. This is a bug in React."
 "createRoot(): Creating roots directly with document.body is discouraged, since its children are often manipulated by third-party scripts and browser extensions. This may lead to subtle reconciliation issues. Try using a container element created for your app."
 "disabledDepth fell below zero. This is a bug in React. Please file an issue."
 "dispatchCommand was called with a ref that isn't a native component. Use React.forwardRef to get access to the underlying native component"