diff --git a/compiled/facebook-www/React-dev.classic.js b/compiled/facebook-www/React-dev.classic.js
index d6269d69b1..c70d48ec0b 100644
--- a/compiled/facebook-www/React-dev.classic.js
+++ b/compiled/facebook-www/React-dev.classic.js
@@ -27,7 +27,7 @@ if (
 }
           "use strict";
 
-var ReactVersion = "18.3.0-www-classic-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled/facebook-www/React-dev.modern.js b/compiled/facebook-www/React-dev.modern.js
index c8c9d1a951..6f4755c8c9 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-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 // ATTENTION
 // When adding new symbols to this file,
diff --git a/compiled/facebook-www/React-prod.classic.js b/compiled/facebook-www/React-prod.classic.js
index 0593d7a8d2..2bac42fe76 100644
--- a/compiled/facebook-www/React-prod.classic.js
+++ b/compiled/facebook-www/React-prod.classic.js
@@ -643,4 +643,4 @@ exports.useSyncExternalStore = function(
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-www-classic-edbfc6399-20221128";
+exports.version = "18.3.0-www-classic-e98225485-20221129";
diff --git a/compiled/facebook-www/React-prod.modern.js b/compiled/facebook-www/React-prod.modern.js
index 293e81a62a..45873fa0ed 100644
--- a/compiled/facebook-www/React-prod.modern.js
+++ b/compiled/facebook-www/React-prod.modern.js
@@ -635,4 +635,4 @@ exports.useSyncExternalStore = function(
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-www-modern-edbfc6399-20221128";
+exports.version = "18.3.0-www-modern-e98225485-20221129";
diff --git a/compiled/facebook-www/React-profiling.classic.js b/compiled/facebook-www/React-profiling.classic.js
index f79142adb6..6685bce70f 100644
--- a/compiled/facebook-www/React-profiling.classic.js
+++ b/compiled/facebook-www/React-profiling.classic.js
@@ -654,7 +654,7 @@ exports.useSyncExternalStore = function(
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-www-classic-edbfc6399-20221128";
+exports.version = "18.3.0-www-classic-e98225485-20221129";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/React-profiling.modern.js b/compiled/facebook-www/React-profiling.modern.js
index bec553d2b4..04b17ff20b 100644
--- a/compiled/facebook-www/React-profiling.modern.js
+++ b/compiled/facebook-www/React-profiling.modern.js
@@ -646,7 +646,7 @@ exports.useSyncExternalStore = function(
   );
 };
 exports.useTransition = useTransition;
-exports.version = "18.3.0-www-modern-edbfc6399-20221128";
+exports.version = "18.3.0-www-modern-e98225485-20221129";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactART-dev.classic.js b/compiled/facebook-www/ReactART-dev.classic.js
index 21071d1561..b176e3232d 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-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
@@ -18850,9 +18850,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -20139,27 +20163,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -26724,6 +26736,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -26895,6 +26908,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -27358,6 +27372,7 @@ function assignFiberPropertiesInDEV(target, source) {
   target.sibling = source.sibling;
   target.index = source.index;
   target.ref = source.ref;
+  target.refCleanup = source.refCleanup;
   target.pendingProps = source.pendingProps;
   target.memoizedProps = source.memoizedProps;
   target.updateQueue = source.updateQueue;
diff --git a/compiled/facebook-www/ReactART-dev.modern.js b/compiled/facebook-www/ReactART-dev.modern.js
index b65df7553f..b63d240efe 100644
--- a/compiled/facebook-www/ReactART-dev.modern.js
+++ b/compiled/facebook-www/ReactART-dev.modern.js
@@ -69,7 +69,7 @@ function _assertThisInitialized(self) {
   return self;
 }
 
-var ReactVersion = "18.3.0-www-modern-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 var LegacyRoot = 0;
 var ConcurrentRoot = 1;
@@ -18539,9 +18539,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -19828,27 +19852,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -26413,6 +26425,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -26584,6 +26597,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -27047,6 +27061,7 @@ function assignFiberPropertiesInDEV(target, source) {
   target.sibling = source.sibling;
   target.index = source.index;
   target.ref = source.ref;
+  target.refCleanup = source.refCleanup;
   target.pendingProps = source.pendingProps;
   target.memoizedProps = source.memoizedProps;
   target.updateQueue = source.updateQueue;
diff --git a/compiled/facebook-www/ReactART-prod.classic.js b/compiled/facebook-www/ReactART-prod.classic.js
index de4452f3a5..3a6dd1f8c5 100644
--- a/compiled/facebook-www/ReactART-prod.classic.js
+++ b/compiled/facebook-www/ReactART-prod.classic.js
@@ -5805,7 +5805,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -5813,13 +5813,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$96) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$96);
       }
     else ref.current = null;
 }
@@ -6017,11 +6028,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$96) {
+          } catch (error$97) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$96
+              error$97
             );
           }
         }
@@ -6595,8 +6606,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$104) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$104);
+        } catch (error$105) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$105);
         }
       }
       break;
@@ -6632,11 +6643,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         if (null !== updatePayload)
           try {
             flags._applyProps(flags, newProps, current);
-          } catch (error$107) {
+          } catch (error$108) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$107
+              error$108
             );
           }
       }
@@ -6673,8 +6684,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$109) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
+        } catch (error$110) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$110);
         }
         flags = finishedWork.updateQueue;
         null !== flags &&
@@ -6812,12 +6823,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$99 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$100 = getHostSibling(finishedWork);
+          var parent$100 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$101 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$100,
-            parent$99
+            before$101,
+            parent$100
           );
           break;
         default:
@@ -7276,9 +7287,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$118 = finishedWork.stateNode;
+        var instance$119 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$118._visibility & 4
+          ? instance$119._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -7291,7 +7302,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$118._visibility |= 4),
+            : ((instance$119._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -7299,7 +7310,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$118._visibility |= 4),
+          : ((instance$119._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -7312,7 +7323,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$118
+            instance$119
           );
         break;
       case 24:
@@ -7866,16 +7877,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$127 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$128 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$127 &&
-            ((lanes = errorRetryLanes$127),
+          0 !== errorRetryLanes$128 &&
+            ((lanes = errorRetryLanes$128),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$127
+              errorRetryLanes$128
             )));
         }
         if (1 === didTimeout)
@@ -7935,11 +7946,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$127 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$127),
-              (errorRetryLanes$127 = didTimeout[errorRetryLanes$127]),
-              errorRetryLanes$127 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$127),
+            (errorRetryLanes$128 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$128),
+              (errorRetryLanes$128 = didTimeout[errorRetryLanes$128]),
+              errorRetryLanes$128 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$128),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -8237,8 +8248,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$130) {
-      handleThrow(root, thrownValue$130);
+    } catch (thrownValue$131) {
+      handleThrow(root, thrownValue$131);
     }
   while (1);
   resetContextDependencies();
@@ -8313,8 +8324,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$132) {
-      handleThrow(root, thrownValue$132);
+    } catch (thrownValue$133) {
+      handleThrow(root, thrownValue$133);
     }
   while (1);
   resetContextDependencies();
@@ -9314,7 +9325,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -9374,6 +9385,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -9789,19 +9801,19 @@ var slice = Array.prototype.slice,
     };
     return Text;
   })(React.Component),
-  devToolsConfig$jscomp$inline_1165 = {
+  devToolsConfig$jscomp$inline_1168 = {
     findFiberByHostInstance: function() {
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-classic-edbfc6399-20221128",
+    version: "18.3.0-www-classic-e98225485-20221129",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1333 = {
-  bundleType: devToolsConfig$jscomp$inline_1165.bundleType,
-  version: devToolsConfig$jscomp$inline_1165.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1165.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1165.rendererConfig,
+var internals$jscomp$inline_1336 = {
+  bundleType: devToolsConfig$jscomp$inline_1168.bundleType,
+  version: devToolsConfig$jscomp$inline_1168.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1168.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1168.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -9818,26 +9830,26 @@ var internals$jscomp$inline_1333 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1165.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1168.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1334 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1337 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1334.isDisabled &&
-    hook$jscomp$inline_1334.supportsFiber
+    !hook$jscomp$inline_1337.isDisabled &&
+    hook$jscomp$inline_1337.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1334.inject(
-        internals$jscomp$inline_1333
+      (rendererID = hook$jscomp$inline_1337.inject(
+        internals$jscomp$inline_1336
       )),
-        (injectedHook = hook$jscomp$inline_1334);
+        (injectedHook = hook$jscomp$inline_1337);
     } catch (err) {}
 }
 var Path = Mode$1.Path;
diff --git a/compiled/facebook-www/ReactART-prod.modern.js b/compiled/facebook-www/ReactART-prod.modern.js
index 6925a0d07c..ec830d78e4 100644
--- a/compiled/facebook-www/ReactART-prod.modern.js
+++ b/compiled/facebook-www/ReactART-prod.modern.js
@@ -5539,7 +5539,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -5547,13 +5547,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$96) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$96);
       }
     else ref.current = null;
 }
@@ -5751,11 +5762,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$96) {
+          } catch (error$97) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$96
+              error$97
             );
           }
         }
@@ -6329,8 +6340,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$104) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$104);
+        } catch (error$105) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$105);
         }
       }
       break;
@@ -6366,11 +6377,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         if (null !== updatePayload)
           try {
             flags._applyProps(flags, newProps, current);
-          } catch (error$107) {
+          } catch (error$108) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$107
+              error$108
             );
           }
       }
@@ -6407,8 +6418,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$109) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
+        } catch (error$110) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$110);
         }
         flags = finishedWork.updateQueue;
         null !== flags &&
@@ -6546,12 +6557,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$99 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$100 = getHostSibling(finishedWork);
+          var parent$100 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$101 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$100,
-            parent$99
+            before$101,
+            parent$100
           );
           break;
         default:
@@ -7010,9 +7021,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$118 = finishedWork.stateNode;
+        var instance$119 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$118._visibility & 4
+          ? instance$119._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -7025,7 +7036,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$118._visibility |= 4),
+            : ((instance$119._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -7033,7 +7044,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$118._visibility |= 4),
+          : ((instance$119._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -7046,7 +7057,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$118
+            instance$119
           );
         break;
       case 24:
@@ -7600,16 +7611,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$127 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$128 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$127 &&
-            ((lanes = errorRetryLanes$127),
+          0 !== errorRetryLanes$128 &&
+            ((lanes = errorRetryLanes$128),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$127
+              errorRetryLanes$128
             )));
         }
         if (1 === didTimeout)
@@ -7669,11 +7680,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$127 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$127),
-              (errorRetryLanes$127 = didTimeout[errorRetryLanes$127]),
-              errorRetryLanes$127 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$127),
+            (errorRetryLanes$128 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$128),
+              (errorRetryLanes$128 = didTimeout[errorRetryLanes$128]),
+              errorRetryLanes$128 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$128),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -7971,8 +7982,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$130) {
-      handleThrow(root, thrownValue$130);
+    } catch (thrownValue$131) {
+      handleThrow(root, thrownValue$131);
     }
   while (1);
   resetContextDependencies();
@@ -8047,8 +8058,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$132) {
-      handleThrow(root, thrownValue$132);
+    } catch (thrownValue$133) {
+      handleThrow(root, thrownValue$133);
     }
   while (1);
   resetContextDependencies();
@@ -9021,7 +9032,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -9081,6 +9092,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -9456,19 +9468,19 @@ var slice = Array.prototype.slice,
     };
     return Text;
   })(React.Component),
-  devToolsConfig$jscomp$inline_1154 = {
+  devToolsConfig$jscomp$inline_1157 = {
     findFiberByHostInstance: function() {
       return null;
     },
     bundleType: 0,
-    version: "18.3.0-www-modern-edbfc6399-20221128",
+    version: "18.3.0-www-modern-e98225485-20221129",
     rendererPackageName: "react-art"
   };
-var internals$jscomp$inline_1324 = {
-  bundleType: devToolsConfig$jscomp$inline_1154.bundleType,
-  version: devToolsConfig$jscomp$inline_1154.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1154.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1154.rendererConfig,
+var internals$jscomp$inline_1327 = {
+  bundleType: devToolsConfig$jscomp$inline_1157.bundleType,
+  version: devToolsConfig$jscomp$inline_1157.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1157.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1157.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -9485,26 +9497,26 @@ var internals$jscomp$inline_1324 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1154.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1157.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1325 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1328 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1325.isDisabled &&
-    hook$jscomp$inline_1325.supportsFiber
+    !hook$jscomp$inline_1328.isDisabled &&
+    hook$jscomp$inline_1328.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1325.inject(
-        internals$jscomp$inline_1324
+      (rendererID = hook$jscomp$inline_1328.inject(
+        internals$jscomp$inline_1327
       )),
-        (injectedHook = hook$jscomp$inline_1325);
+        (injectedHook = hook$jscomp$inline_1328);
     } catch (err) {}
 }
 var Path = Mode$1.Path;
diff --git a/compiled/facebook-www/ReactDOM-dev.classic.js b/compiled/facebook-www/ReactDOM-dev.classic.js
index 765786a4bc..f0d2991c4f 100644
--- a/compiled/facebook-www/ReactDOM-dev.classic.js
+++ b/compiled/facebook-www/ReactDOM-dev.classic.js
@@ -33508,9 +33508,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -34817,27 +34841,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -41755,6 +41767,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -41926,6 +41939,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -42404,6 +42418,7 @@ function assignFiberPropertiesInDEV(target, source) {
   target.sibling = source.sibling;
   target.index = source.index;
   target.ref = source.ref;
+  target.refCleanup = source.refCleanup;
   target.pendingProps = source.pendingProps;
   target.memoizedProps = source.memoizedProps;
   target.updateQueue = source.updateQueue;
@@ -42580,7 +42595,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 function createPortal(
   children,
diff --git a/compiled/facebook-www/ReactDOM-dev.modern.js b/compiled/facebook-www/ReactDOM-dev.modern.js
index c9a805ce0d..5590bf8b88 100644
--- a/compiled/facebook-www/ReactDOM-dev.modern.js
+++ b/compiled/facebook-www/ReactDOM-dev.modern.js
@@ -33232,9 +33232,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -34541,27 +34565,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -41479,6 +41491,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -41650,6 +41663,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -42128,6 +42142,7 @@ function assignFiberPropertiesInDEV(target, source) {
   target.sibling = source.sibling;
   target.index = source.index;
   target.ref = source.ref;
+  target.refCleanup = source.refCleanup;
   target.pendingProps = source.pendingProps;
   target.memoizedProps = source.memoizedProps;
   target.updateQueue = source.updateQueue;
@@ -42304,7 +42319,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 function createPortal(
   children,
diff --git a/compiled/facebook-www/ReactDOM-prod.classic.js b/compiled/facebook-www/ReactDOM-prod.classic.js
index 78da05b61b..b16ba6ffe6 100644
--- a/compiled/facebook-www/ReactDOM-prod.classic.js
+++ b/compiled/facebook-www/ReactDOM-prod.classic.js
@@ -3557,19 +3557,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$266;
+  var JSCompiler_inline_result$jscomp$267;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_522 = "oninput" in document;
-    if (!isSupported$jscomp$inline_522) {
-      var element$jscomp$inline_523 = document.createElement("div");
-      element$jscomp$inline_523.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_522 =
-        "function" === typeof element$jscomp$inline_523.oninput;
+    var isSupported$jscomp$inline_523 = "oninput" in document;
+    if (!isSupported$jscomp$inline_523) {
+      var element$jscomp$inline_524 = document.createElement("div");
+      element$jscomp$inline_524.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_523 =
+        "function" === typeof element$jscomp$inline_524.oninput;
     }
-    JSCompiler_inline_result$jscomp$266 = isSupported$jscomp$inline_522;
-  } else JSCompiler_inline_result$jscomp$266 = !1;
+    JSCompiler_inline_result$jscomp$267 = isSupported$jscomp$inline_523;
+  } else JSCompiler_inline_result$jscomp$267 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$266 &&
+    JSCompiler_inline_result$jscomp$267 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3732,19 +3732,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_535 = 0;
-  i$jscomp$inline_535 < simpleEventPluginEvents.length;
-  i$jscomp$inline_535++
+  var i$jscomp$inline_536 = 0;
+  i$jscomp$inline_536 < simpleEventPluginEvents.length;
+  i$jscomp$inline_536++
 ) {
-  var eventName$jscomp$inline_536 =
-      simpleEventPluginEvents[i$jscomp$inline_535],
-    domEventName$jscomp$inline_537 = eventName$jscomp$inline_536.toLowerCase(),
-    capitalizedEvent$jscomp$inline_538 =
-      eventName$jscomp$inline_536[0].toUpperCase() +
-      eventName$jscomp$inline_536.slice(1);
+  var eventName$jscomp$inline_537 =
+      simpleEventPluginEvents[i$jscomp$inline_536],
+    domEventName$jscomp$inline_538 = eventName$jscomp$inline_537.toLowerCase(),
+    capitalizedEvent$jscomp$inline_539 =
+      eventName$jscomp$inline_537[0].toUpperCase() +
+      eventName$jscomp$inline_537.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_537,
-    "on" + capitalizedEvent$jscomp$inline_538
+    domEventName$jscomp$inline_538,
+    "on" + capitalizedEvent$jscomp$inline_539
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -10739,7 +10739,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -10747,13 +10747,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$176) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$176);
       }
     else ref.current = null;
 }
@@ -11075,11 +11086,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$177) {
+          } catch (error$178) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$177
+              error$178
             );
           }
         }
@@ -11740,8 +11751,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$190) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
+        } catch (error$191) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
         }
       }
       break;
@@ -11810,8 +11821,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$191) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
+        } catch (error$192) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
         }
       }
       if (
@@ -11877,8 +11888,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$193) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$193);
+        } catch (error$194) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$194);
         }
       break;
     case 6:
@@ -11891,8 +11902,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$194) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$194);
+        } catch (error$195) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
         }
       }
       break;
@@ -11902,8 +11913,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$195) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
+        } catch (error$196) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
         }
       break;
     case 4:
@@ -11928,8 +11939,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$196) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
+        } catch (error$197) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -12007,11 +12018,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$180) {
+              } catch (error$181) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$180
+                  error$181
                 );
               }
           } else if (
@@ -12087,21 +12098,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$181 = JSCompiler_inline_result.stateNode;
+            var parent$182 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$181, ""),
+              (setTextContent(parent$182, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$182 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$182, parent$181);
+            var before$183 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$183, parent$182);
             break;
           case 3:
           case 4:
-            var parent$183 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$184 = getHostSibling(finishedWork);
+            var parent$184 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$185 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$184,
-              parent$183
+              before$185,
+              parent$184
             );
             break;
           default:
@@ -12569,9 +12580,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$206 = finishedWork.stateNode;
+        var instance$207 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$206._visibility & 4
+          ? instance$207._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12584,7 +12595,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$206._visibility |= 4),
+            : ((instance$207._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12592,7 +12603,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$206._visibility |= 4),
+          : ((instance$207._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12605,7 +12616,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$206
+            instance$207
           );
         break;
       case 24:
@@ -13155,16 +13166,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$215 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$216 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$215 &&
-            ((lanes = errorRetryLanes$215),
+          0 !== errorRetryLanes$216 &&
+            ((lanes = errorRetryLanes$216),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$215
+              errorRetryLanes$216
             )));
         }
         if (1 === didTimeout)
@@ -13224,11 +13235,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$215 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$215),
-              (errorRetryLanes$215 = didTimeout[errorRetryLanes$215]),
-              errorRetryLanes$215 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$215),
+            (errorRetryLanes$216 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$216),
+              (errorRetryLanes$216 = didTimeout[errorRetryLanes$216]),
+              errorRetryLanes$216 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$216),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -13564,8 +13575,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$218) {
-      handleThrow(root, thrownValue$218);
+    } catch (thrownValue$219) {
+      handleThrow(root, thrownValue$219);
     }
   while (1);
   resetContextDependencies();
@@ -13642,8 +13653,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$220) {
-      handleThrow(root, thrownValue$220);
+    } catch (thrownValue$221) {
+      handleThrow(root, thrownValue$221);
     }
   while (1);
   resetContextDependencies();
@@ -13970,12 +13981,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$223 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$224 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$223 &&
+    shouldFireAfterActiveInstanceBlur$224 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -14052,7 +14063,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$224 = rootWithPendingPassiveEffects,
+    var root$225 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -14068,7 +14079,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$224, remainingLanes);
+        releaseRootPooledCache(root$225, remainingLanes);
     }
   }
   return !1;
@@ -14781,7 +14792,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -14841,6 +14852,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -15339,11 +15351,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function() {
-        var instance = getPublicRootInstance(root$227);
+        var instance = getPublicRootInstance(root$228);
         originalCallback.call(instance);
       };
     }
-    var root$227 = createHydrationContainer(
+    var root$228 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -15355,24 +15367,24 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$227;
-    container[internalContainerInstanceKey] = root$227.current;
+    container._reactRootContainer = root$228;
+    container[internalContainerInstanceKey] = root$228.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync();
-    return root$227;
+    return root$228;
   }
   for (; (isHydrationContainer = container.lastChild); )
     container.removeChild(isHydrationContainer);
   if ("function" === typeof callback) {
-    var originalCallback$228 = callback;
+    var originalCallback$229 = callback;
     callback = function() {
-      var instance = getPublicRootInstance(root$229);
-      originalCallback$228.call(instance);
+      var instance = getPublicRootInstance(root$230);
+      originalCallback$229.call(instance);
     };
   }
-  var root$229 = createFiberRoot(
+  var root$230 = createFiberRoot(
     container,
     0,
     !1,
@@ -15384,15 +15396,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$229;
-  container[internalContainerInstanceKey] = root$229.current;
+  container._reactRootContainer = root$230;
+  container[internalContainerInstanceKey] = root$230.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync(function() {
-    updateContainer(initialChildren, root$229, parentComponent, callback);
+    updateContainer(initialChildren, root$230, parentComponent, callback);
   });
-  return root$229;
+  return root$230;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -15446,12 +15458,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$226 = fiber.stateNode;
-      if (root$226.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$226.pendingLanes);
+      var root$227 = fiber.stateNode;
+      if (root$227.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$227.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$226, lanes | 2),
-          ensureRootIsScheduled(root$226, now()),
+          (markRootEntangled(root$227, lanes | 2),
+          ensureRootIsScheduled(root$227, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -15541,17 +15553,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1770 = {
+var devToolsConfig$jscomp$inline_1773 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-edbfc6399-20221128",
+  version: "18.3.0-www-classic-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2151 = {
-  bundleType: devToolsConfig$jscomp$inline_1770.bundleType,
-  version: devToolsConfig$jscomp$inline_1770.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1770.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1770.rendererConfig,
+var internals$jscomp$inline_2154 = {
+  bundleType: devToolsConfig$jscomp$inline_1773.bundleType,
+  version: devToolsConfig$jscomp$inline_1773.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1773.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1773.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15567,26 +15579,26 @@ var internals$jscomp$inline_2151 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1770.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1773.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2152 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2155 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2152.isDisabled &&
-    hook$jscomp$inline_2152.supportsFiber
+    !hook$jscomp$inline_2155.isDisabled &&
+    hook$jscomp$inline_2155.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2152.inject(
-        internals$jscomp$inline_2151
+      (rendererID = hook$jscomp$inline_2155.inject(
+        internals$jscomp$inline_2154
       )),
-        (injectedHook = hook$jscomp$inline_2152);
+        (injectedHook = hook$jscomp$inline_2155);
     } catch (err) {}
 }
 assign(Internals, {
@@ -15817,4 +15829,4 @@ exports.unstable_renderSubtreeIntoContainer = function(
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOM-prod.modern.js b/compiled/facebook-www/ReactDOM-prod.modern.js
index 1ea3901ce6..cd24e592e7 100644
--- a/compiled/facebook-www/ReactDOM-prod.modern.js
+++ b/compiled/facebook-www/ReactDOM-prod.modern.js
@@ -2715,19 +2715,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$245;
+  var JSCompiler_inline_result$jscomp$246;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_409 = "oninput" in document;
-    if (!isSupported$jscomp$inline_409) {
-      var element$jscomp$inline_410 = document.createElement("div");
-      element$jscomp$inline_410.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_409 =
-        "function" === typeof element$jscomp$inline_410.oninput;
+    var isSupported$jscomp$inline_410 = "oninput" in document;
+    if (!isSupported$jscomp$inline_410) {
+      var element$jscomp$inline_411 = document.createElement("div");
+      element$jscomp$inline_411.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_410 =
+        "function" === typeof element$jscomp$inline_411.oninput;
     }
-    JSCompiler_inline_result$jscomp$245 = isSupported$jscomp$inline_409;
-  } else JSCompiler_inline_result$jscomp$245 = !1;
+    JSCompiler_inline_result$jscomp$246 = isSupported$jscomp$inline_410;
+  } else JSCompiler_inline_result$jscomp$246 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$245 &&
+    JSCompiler_inline_result$jscomp$246 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3061,19 +3061,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_450 = 0;
-  i$jscomp$inline_450 < simpleEventPluginEvents.length;
-  i$jscomp$inline_450++
+  var i$jscomp$inline_451 = 0;
+  i$jscomp$inline_451 < simpleEventPluginEvents.length;
+  i$jscomp$inline_451++
 ) {
-  var eventName$jscomp$inline_451 =
-      simpleEventPluginEvents[i$jscomp$inline_450],
-    domEventName$jscomp$inline_452 = eventName$jscomp$inline_451.toLowerCase(),
-    capitalizedEvent$jscomp$inline_453 =
-      eventName$jscomp$inline_451[0].toUpperCase() +
-      eventName$jscomp$inline_451.slice(1);
+  var eventName$jscomp$inline_452 =
+      simpleEventPluginEvents[i$jscomp$inline_451],
+    domEventName$jscomp$inline_453 = eventName$jscomp$inline_452.toLowerCase(),
+    capitalizedEvent$jscomp$inline_454 =
+      eventName$jscomp$inline_452[0].toUpperCase() +
+      eventName$jscomp$inline_452.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_452,
-    "on" + capitalizedEvent$jscomp$inline_453
+    domEventName$jscomp$inline_453,
+    "on" + capitalizedEvent$jscomp$inline_454
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -10517,7 +10517,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -10525,13 +10525,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$177) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$177);
       }
     else ref.current = null;
 }
@@ -10853,11 +10864,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$178) {
+          } catch (error$179) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$178
+              error$179
             );
           }
         }
@@ -11518,8 +11529,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$191) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
+        } catch (error$192) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
         }
       }
       break;
@@ -11588,8 +11599,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$192) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
+        } catch (error$193) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$193);
         }
       }
       if (
@@ -11655,8 +11666,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$194) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$194);
+        } catch (error$195) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
         }
       break;
     case 6:
@@ -11669,8 +11680,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$195) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
+        } catch (error$196) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
         }
       }
       break;
@@ -11680,8 +11691,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$196) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
+        } catch (error$197) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
         }
       break;
     case 4:
@@ -11706,8 +11717,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$197) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
+        } catch (error$198) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$198);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -11785,11 +11796,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$181) {
+              } catch (error$182) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$181
+                  error$182
                 );
               }
           } else if (
@@ -11865,21 +11876,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$182 = JSCompiler_inline_result.stateNode;
+            var parent$183 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$182, ""),
+              (setTextContent(parent$183, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$183 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$183, parent$182);
+            var before$184 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$184, parent$183);
             break;
           case 3:
           case 4:
-            var parent$184 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$185 = getHostSibling(finishedWork);
+            var parent$185 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$186 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$185,
-              parent$184
+              before$186,
+              parent$185
             );
             break;
           default:
@@ -12347,9 +12358,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$207 = finishedWork.stateNode;
+        var instance$208 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$207._visibility & 4
+          ? instance$208._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12362,7 +12373,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$207._visibility |= 4),
+            : ((instance$208._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12370,7 +12381,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$207._visibility |= 4),
+          : ((instance$208._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12383,7 +12394,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$207
+            instance$208
           );
         break;
       case 24:
@@ -12933,16 +12944,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$216 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$217 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$216 &&
-            ((lanes = errorRetryLanes$216),
+          0 !== errorRetryLanes$217 &&
+            ((lanes = errorRetryLanes$217),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$216
+              errorRetryLanes$217
             )));
         }
         if (1 === didTimeout)
@@ -13002,11 +13013,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$216 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$216),
-              (errorRetryLanes$216 = didTimeout[errorRetryLanes$216]),
-              errorRetryLanes$216 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$216),
+            (errorRetryLanes$217 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$217),
+              (errorRetryLanes$217 = didTimeout[errorRetryLanes$217]),
+              errorRetryLanes$217 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$217),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -13342,8 +13353,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$219) {
-      handleThrow(root, thrownValue$219);
+    } catch (thrownValue$220) {
+      handleThrow(root, thrownValue$220);
     }
   while (1);
   resetContextDependencies();
@@ -13420,8 +13431,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$221) {
-      handleThrow(root, thrownValue$221);
+    } catch (thrownValue$222) {
+      handleThrow(root, thrownValue$222);
     }
   while (1);
   resetContextDependencies();
@@ -13748,12 +13759,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$224 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$225 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$224 &&
+    shouldFireAfterActiveInstanceBlur$225 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -13830,7 +13841,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$225 = rootWithPendingPassiveEffects,
+    var root$226 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -13846,7 +13857,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$225, remainingLanes);
+        releaseRootPooledCache(root$226, remainingLanes);
     }
   }
   return !1;
@@ -14534,7 +14545,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -14594,6 +14605,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -15007,12 +15019,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$227 = fiber.stateNode;
-      if (root$227.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$227.pendingLanes);
+      var root$228 = fiber.stateNode;
+      if (root$228.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$228.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$227, lanes | 2),
-          ensureRootIsScheduled(root$227, now()),
+          (markRootEntangled(root$228, lanes | 2),
+          ensureRootIsScheduled(root$228, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -15102,17 +15114,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1738 = {
+var devToolsConfig$jscomp$inline_1741 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-edbfc6399-20221128",
+  version: "18.3.0-www-modern-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2126 = {
-  bundleType: devToolsConfig$jscomp$inline_1738.bundleType,
-  version: devToolsConfig$jscomp$inline_1738.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1738.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1738.rendererConfig,
+var internals$jscomp$inline_2129 = {
+  bundleType: devToolsConfig$jscomp$inline_1741.bundleType,
+  version: devToolsConfig$jscomp$inline_1741.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1741.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1741.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15129,26 +15141,26 @@ var internals$jscomp$inline_2126 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1738.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1741.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2127 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2130 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2127.isDisabled &&
-    hook$jscomp$inline_2127.supportsFiber
+    !hook$jscomp$inline_2130.isDisabled &&
+    hook$jscomp$inline_2130.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2127.inject(
-        internals$jscomp$inline_2126
+      (rendererID = hook$jscomp$inline_2130.inject(
+        internals$jscomp$inline_2129
       )),
-        (injectedHook = hook$jscomp$inline_2127);
+        (injectedHook = hook$jscomp$inline_2130);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -15325,4 +15337,4 @@ exports.unstable_flushControlled = function(fn) {
 };
 exports.unstable_isNewReconciler = !1;
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOM-profiling.classic.js b/compiled/facebook-www/ReactDOM-profiling.classic.js
index 5ad8411939..3466de1cee 100644
--- a/compiled/facebook-www/ReactDOM-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOM-profiling.classic.js
@@ -3705,19 +3705,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$287;
+  var JSCompiler_inline_result$jscomp$288;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_543 = "oninput" in document;
-    if (!isSupported$jscomp$inline_543) {
-      var element$jscomp$inline_544 = document.createElement("div");
-      element$jscomp$inline_544.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_543 =
-        "function" === typeof element$jscomp$inline_544.oninput;
+    var isSupported$jscomp$inline_544 = "oninput" in document;
+    if (!isSupported$jscomp$inline_544) {
+      var element$jscomp$inline_545 = document.createElement("div");
+      element$jscomp$inline_545.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_544 =
+        "function" === typeof element$jscomp$inline_545.oninput;
     }
-    JSCompiler_inline_result$jscomp$287 = isSupported$jscomp$inline_543;
-  } else JSCompiler_inline_result$jscomp$287 = !1;
+    JSCompiler_inline_result$jscomp$288 = isSupported$jscomp$inline_544;
+  } else JSCompiler_inline_result$jscomp$288 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$287 &&
+    JSCompiler_inline_result$jscomp$288 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3880,19 +3880,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_556 = 0;
-  i$jscomp$inline_556 < simpleEventPluginEvents.length;
-  i$jscomp$inline_556++
+  var i$jscomp$inline_557 = 0;
+  i$jscomp$inline_557 < simpleEventPluginEvents.length;
+  i$jscomp$inline_557++
 ) {
-  var eventName$jscomp$inline_557 =
-      simpleEventPluginEvents[i$jscomp$inline_556],
-    domEventName$jscomp$inline_558 = eventName$jscomp$inline_557.toLowerCase(),
-    capitalizedEvent$jscomp$inline_559 =
-      eventName$jscomp$inline_557[0].toUpperCase() +
-      eventName$jscomp$inline_557.slice(1);
+  var eventName$jscomp$inline_558 =
+      simpleEventPluginEvents[i$jscomp$inline_557],
+    domEventName$jscomp$inline_559 = eventName$jscomp$inline_558.toLowerCase(),
+    capitalizedEvent$jscomp$inline_560 =
+      eventName$jscomp$inline_558[0].toUpperCase() +
+      eventName$jscomp$inline_558.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_558,
-    "on" + capitalizedEvent$jscomp$inline_559
+    domEventName$jscomp$inline_559,
+    "on" + capitalizedEvent$jscomp$inline_560
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -11075,11 +11075,11 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       if ("function" === typeof ref)
         if (shouldProfile(current))
           try {
-            startLayoutEffectTimer(), ref(instanceToUse);
+            startLayoutEffectTimer(), (current.refCleanup = ref(instanceToUse));
           } finally {
             recordLayoutEffectDuration(current);
           }
-        else ref(instanceToUse);
+        else current.refCleanup = ref(instanceToUse);
       else ref.current = instanceToUse;
     }
   } catch (error) {
@@ -11087,9 +11087,26 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
+      try {
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else refCleanup();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
       try {
         if (shouldProfile(current))
           try {
@@ -11098,8 +11115,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } catch (error$187) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$187);
       }
     else ref.current = null;
 }
@@ -11412,11 +11429,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$188 = commitTime,
+        var commitTime$189 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$188);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$189);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -11443,8 +11460,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$190) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
+    } catch (error$191) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -11543,11 +11560,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$191) {
+            } catch (error$192) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$191
+                error$192
               );
             }
         else {
@@ -11564,11 +11581,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$192) {
+            } catch (error$193) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$192
+                error$193
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -11579,11 +11596,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$193) {
+            } catch (error$194) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$193
+                error$194
               );
             }
         }
@@ -12269,22 +12286,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$208) {
+          } catch (error$209) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$208
+              error$209
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$209) {
+          } catch (error$210) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$209
+              error$210
             );
           }
       }
@@ -12354,8 +12371,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$210) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$210);
+        } catch (error$211) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$211);
         }
       }
       if (
@@ -12421,8 +12438,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$212) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$212);
+        } catch (error$213) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
         }
       break;
     case 6:
@@ -12435,8 +12452,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$213) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
+        } catch (error$214) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
         }
       }
       break;
@@ -12446,8 +12463,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$214) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
+        } catch (error$215) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
         }
       break;
     case 4:
@@ -12472,8 +12489,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$215) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
+        } catch (error$216) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -12551,11 +12568,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$198) {
+              } catch (error$199) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$198
+                  error$199
                 );
               }
           } else if (
@@ -12631,21 +12648,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$199 = JSCompiler_inline_result.stateNode;
+            var parent$200 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$199, ""),
+              (setTextContent(parent$200, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$200 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$200, parent$199);
+            var before$201 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$201, parent$200);
             break;
           case 3:
           case 4:
-            var parent$201 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$202 = getHostSibling(finishedWork);
+            var parent$202 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$203 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$202,
-              parent$201
+              before$203,
+              parent$202
             );
             break;
           default:
@@ -12836,8 +12853,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$221) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$221);
+    } catch (error$222) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$222);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -13136,9 +13153,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$226 = finishedWork.stateNode;
+        var instance$227 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$226._visibility & 4
+          ? instance$227._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -13151,7 +13168,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$226._visibility |= 4),
+            : ((instance$227._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -13159,7 +13176,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$226._visibility |= 4),
+          : ((instance$227._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -13172,7 +13189,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$226
+            instance$227
           );
         break;
       case 24:
@@ -13760,16 +13777,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$235 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$236 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$235 &&
-            ((lanes = errorRetryLanes$235),
+          0 !== errorRetryLanes$236 &&
+            ((lanes = errorRetryLanes$236),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$235
+              errorRetryLanes$236
             )));
         }
         if (1 === didTimeout)
@@ -13829,11 +13846,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$235 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$235),
-              (errorRetryLanes$235 = didTimeout[errorRetryLanes$235]),
-              errorRetryLanes$235 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$235),
+            (errorRetryLanes$236 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$236),
+              (errorRetryLanes$236 = didTimeout[errorRetryLanes$236]),
+              errorRetryLanes$236 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$236),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -14202,8 +14219,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$238) {
-      handleThrow(root, thrownValue$238);
+    } catch (thrownValue$239) {
+      handleThrow(root, thrownValue$239);
     }
   while (1);
   resetContextDependencies();
@@ -14291,8 +14308,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$240) {
-      handleThrow(root, thrownValue$240);
+    } catch (thrownValue$241) {
+      handleThrow(root, thrownValue$241);
     }
   while (1);
   resetContextDependencies();
@@ -14656,7 +14673,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$243 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$244 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -14664,7 +14681,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$243 &&
+    shouldFireAfterActiveInstanceBlur$244 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -14756,7 +14773,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$244 = rootWithPendingPassiveEffects,
+    var root$245 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -14772,7 +14789,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$244, remainingLanes);
+        releaseRootPooledCache(root$245, remainingLanes);
     }
   }
   return !1;
@@ -15526,7 +15543,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -15591,6 +15608,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   workInProgress.selfBaseDuration = current.selfBaseDuration;
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
@@ -16106,11 +16124,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function() {
-        var instance = getPublicRootInstance(root$248);
+        var instance = getPublicRootInstance(root$249);
         originalCallback.call(instance);
       };
     }
-    var root$248 = createHydrationContainer(
+    var root$249 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -16122,24 +16140,24 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$248;
-    container[internalContainerInstanceKey] = root$248.current;
+    container._reactRootContainer = root$249;
+    container[internalContainerInstanceKey] = root$249.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync();
-    return root$248;
+    return root$249;
   }
   for (; (isHydrationContainer = container.lastChild); )
     container.removeChild(isHydrationContainer);
   if ("function" === typeof callback) {
-    var originalCallback$249 = callback;
+    var originalCallback$250 = callback;
     callback = function() {
-      var instance = getPublicRootInstance(root$250);
-      originalCallback$249.call(instance);
+      var instance = getPublicRootInstance(root$251);
+      originalCallback$250.call(instance);
     };
   }
-  var root$250 = createFiberRoot(
+  var root$251 = createFiberRoot(
     container,
     0,
     !1,
@@ -16151,15 +16169,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$250;
-  container[internalContainerInstanceKey] = root$250.current;
+  container._reactRootContainer = root$251;
+  container[internalContainerInstanceKey] = root$251.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync(function() {
-    updateContainer(initialChildren, root$250, parentComponent, callback);
+    updateContainer(initialChildren, root$251, parentComponent, callback);
   });
-  return root$250;
+  return root$251;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -16213,12 +16231,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$247 = fiber.stateNode;
-      if (root$247.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$247.pendingLanes);
+      var root$248 = fiber.stateNode;
+      if (root$248.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$248.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$247, lanes | 2),
-          ensureRootIsScheduled(root$247, now()),
+          (markRootEntangled(root$248, lanes | 2),
+          ensureRootIsScheduled(root$248, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -16311,7 +16329,7 @@ Internals.Events = [
 var devToolsConfig$jscomp$inline_1847 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-edbfc6399-20221128",
+  version: "18.3.0-www-classic-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
 (function(internals) {
@@ -16355,7 +16373,7 @@ var devToolsConfig$jscomp$inline_1847 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 });
 assign(Internals, {
   ReactBrowserEventEmitter: {
@@ -16585,7 +16603,7 @@ exports.unstable_renderSubtreeIntoContainer = function(
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
 
           /* 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 868394bcfc..4ff4829b86 100644
--- a/compiled/facebook-www/ReactDOM-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOM-profiling.modern.js
@@ -2859,19 +2859,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$266;
+  var JSCompiler_inline_result$jscomp$267;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_430 = "oninput" in document;
-    if (!isSupported$jscomp$inline_430) {
-      var element$jscomp$inline_431 = document.createElement("div");
-      element$jscomp$inline_431.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_430 =
-        "function" === typeof element$jscomp$inline_431.oninput;
+    var isSupported$jscomp$inline_431 = "oninput" in document;
+    if (!isSupported$jscomp$inline_431) {
+      var element$jscomp$inline_432 = document.createElement("div");
+      element$jscomp$inline_432.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_431 =
+        "function" === typeof element$jscomp$inline_432.oninput;
     }
-    JSCompiler_inline_result$jscomp$266 = isSupported$jscomp$inline_430;
-  } else JSCompiler_inline_result$jscomp$266 = !1;
+    JSCompiler_inline_result$jscomp$267 = isSupported$jscomp$inline_431;
+  } else JSCompiler_inline_result$jscomp$267 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$266 &&
+    JSCompiler_inline_result$jscomp$267 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3205,19 +3205,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_471 = 0;
-  i$jscomp$inline_471 < simpleEventPluginEvents.length;
-  i$jscomp$inline_471++
+  var i$jscomp$inline_472 = 0;
+  i$jscomp$inline_472 < simpleEventPluginEvents.length;
+  i$jscomp$inline_472++
 ) {
-  var eventName$jscomp$inline_472 =
-      simpleEventPluginEvents[i$jscomp$inline_471],
-    domEventName$jscomp$inline_473 = eventName$jscomp$inline_472.toLowerCase(),
-    capitalizedEvent$jscomp$inline_474 =
-      eventName$jscomp$inline_472[0].toUpperCase() +
-      eventName$jscomp$inline_472.slice(1);
+  var eventName$jscomp$inline_473 =
+      simpleEventPluginEvents[i$jscomp$inline_472],
+    domEventName$jscomp$inline_474 = eventName$jscomp$inline_473.toLowerCase(),
+    capitalizedEvent$jscomp$inline_475 =
+      eventName$jscomp$inline_473[0].toUpperCase() +
+      eventName$jscomp$inline_473.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_473,
-    "on" + capitalizedEvent$jscomp$inline_474
+    domEventName$jscomp$inline_474,
+    "on" + capitalizedEvent$jscomp$inline_475
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -10843,11 +10843,11 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       if ("function" === typeof ref)
         if (shouldProfile(current))
           try {
-            startLayoutEffectTimer(), ref(instanceToUse);
+            startLayoutEffectTimer(), (current.refCleanup = ref(instanceToUse));
           } finally {
             recordLayoutEffectDuration(current);
           }
-        else ref(instanceToUse);
+        else current.refCleanup = ref(instanceToUse);
       else ref.current = instanceToUse;
     }
   } catch (error) {
@@ -10855,9 +10855,26 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
+      try {
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else refCleanup();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
       try {
         if (shouldProfile(current))
           try {
@@ -10866,8 +10883,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } catch (error$188) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$188);
       }
     else ref.current = null;
 }
@@ -11180,11 +11197,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$189 = commitTime,
+        var commitTime$190 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$189);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$190);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -11211,8 +11228,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$191) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
+    } catch (error$192) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -11311,11 +11328,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$192) {
+            } catch (error$193) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$192
+                error$193
               );
             }
         else {
@@ -11332,11 +11349,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$193) {
+            } catch (error$194) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$193
+                error$194
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -11347,11 +11364,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$194) {
+            } catch (error$195) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$194
+                error$195
               );
             }
         }
@@ -12037,22 +12054,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$209) {
+          } catch (error$210) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$209
+              error$210
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$210) {
+          } catch (error$211) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$210
+              error$211
             );
           }
       }
@@ -12122,8 +12139,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$211) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$211);
+        } catch (error$212) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$212);
         }
       }
       if (
@@ -12189,8 +12206,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$213) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
+        } catch (error$214) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
         }
       break;
     case 6:
@@ -12203,8 +12220,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$214) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
+        } catch (error$215) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
         }
       }
       break;
@@ -12214,8 +12231,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$215) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
+        } catch (error$216) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
         }
       break;
     case 4:
@@ -12240,8 +12257,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$216) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
+        } catch (error$217) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$217);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -12319,11 +12336,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$199) {
+              } catch (error$200) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$199
+                  error$200
                 );
               }
           } else if (
@@ -12399,21 +12416,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$200 = JSCompiler_inline_result.stateNode;
+            var parent$201 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$200, ""),
+              (setTextContent(parent$201, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$201 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$201, parent$200);
+            var before$202 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$202, parent$201);
             break;
           case 3:
           case 4:
-            var parent$202 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$203 = getHostSibling(finishedWork);
+            var parent$203 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$204 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$203,
-              parent$202
+              before$204,
+              parent$203
             );
             break;
           default:
@@ -12604,8 +12621,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$222) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$222);
+    } catch (error$223) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$223);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -12904,9 +12921,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$227 = finishedWork.stateNode;
+        var instance$228 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$227._visibility & 4
+          ? instance$228._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12919,7 +12936,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$227._visibility |= 4),
+            : ((instance$228._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12927,7 +12944,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$227._visibility |= 4),
+          : ((instance$228._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12940,7 +12957,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$227
+            instance$228
           );
         break;
       case 24:
@@ -13528,16 +13545,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$236 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$237 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$236 &&
-            ((lanes = errorRetryLanes$236),
+          0 !== errorRetryLanes$237 &&
+            ((lanes = errorRetryLanes$237),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$236
+              errorRetryLanes$237
             )));
         }
         if (1 === didTimeout)
@@ -13597,11 +13614,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$236 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$236),
-              (errorRetryLanes$236 = didTimeout[errorRetryLanes$236]),
-              errorRetryLanes$236 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$236),
+            (errorRetryLanes$237 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$237),
+              (errorRetryLanes$237 = didTimeout[errorRetryLanes$237]),
+              errorRetryLanes$237 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$237),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -13970,8 +13987,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$239) {
-      handleThrow(root, thrownValue$239);
+    } catch (thrownValue$240) {
+      handleThrow(root, thrownValue$240);
     }
   while (1);
   resetContextDependencies();
@@ -14059,8 +14076,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$241) {
-      handleThrow(root, thrownValue$241);
+    } catch (thrownValue$242) {
+      handleThrow(root, thrownValue$242);
     }
   while (1);
   resetContextDependencies();
@@ -14424,7 +14441,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$244 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$245 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -14432,7 +14449,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$244 &&
+    shouldFireAfterActiveInstanceBlur$245 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -14524,7 +14541,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$245 = rootWithPendingPassiveEffects,
+    var root$246 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -14540,7 +14557,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$245, remainingLanes);
+        releaseRootPooledCache(root$246, remainingLanes);
     }
   }
   return !1;
@@ -15269,7 +15286,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -15334,6 +15351,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   workInProgress.selfBaseDuration = current.selfBaseDuration;
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
@@ -15764,12 +15782,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$248 = fiber.stateNode;
-      if (root$248.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$248.pendingLanes);
+      var root$249 = fiber.stateNode;
+      if (root$249.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$249.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$248, lanes | 2),
-          ensureRootIsScheduled(root$248, now()),
+          (markRootEntangled(root$249, lanes | 2),
+          ensureRootIsScheduled(root$249, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -15862,7 +15880,7 @@ Internals.Events = [
 var devToolsConfig$jscomp$inline_1815 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-edbfc6399-20221128",
+  version: "18.3.0-www-modern-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
 (function(internals) {
@@ -15907,7 +15925,7 @@ var devToolsConfig$jscomp$inline_1815 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function(children, container) {
@@ -16083,7 +16101,7 @@ exports.unstable_flushControlled = function(fn) {
 };
 exports.unstable_isNewReconciler = !1;
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOMForked-dev.classic.js b/compiled/facebook-www/ReactDOMForked-dev.classic.js
index ef24ee69a7..3d2e1d5ea8 100644
--- a/compiled/facebook-www/ReactDOMForked-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMForked-dev.classic.js
@@ -33508,9 +33508,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -34817,27 +34841,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -41755,6 +41767,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -41926,6 +41939,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -42404,6 +42418,7 @@ function assignFiberPropertiesInDEV(target, source) {
   target.sibling = source.sibling;
   target.index = source.index;
   target.ref = source.ref;
+  target.refCleanup = source.refCleanup;
   target.pendingProps = source.pendingProps;
   target.memoizedProps = source.memoizedProps;
   target.updateQueue = source.updateQueue;
@@ -42580,7 +42595,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 function createPortal(
   children,
diff --git a/compiled/facebook-www/ReactDOMForked-dev.modern.js b/compiled/facebook-www/ReactDOMForked-dev.modern.js
index ecc95cb4f2..1d22c0415d 100644
--- a/compiled/facebook-www/ReactDOMForked-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMForked-dev.modern.js
@@ -33232,9 +33232,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -34541,27 +34565,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -41479,6 +41491,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -41650,6 +41663,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -42128,6 +42142,7 @@ function assignFiberPropertiesInDEV(target, source) {
   target.sibling = source.sibling;
   target.index = source.index;
   target.ref = source.ref;
+  target.refCleanup = source.refCleanup;
   target.pendingProps = source.pendingProps;
   target.memoizedProps = source.memoizedProps;
   target.updateQueue = source.updateQueue;
@@ -42304,7 +42319,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 function createPortal(
   children,
diff --git a/compiled/facebook-www/ReactDOMForked-prod.classic.js b/compiled/facebook-www/ReactDOMForked-prod.classic.js
index a1fe6b31ec..748e2b4f9d 100644
--- a/compiled/facebook-www/ReactDOMForked-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMForked-prod.classic.js
@@ -3557,19 +3557,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$266;
+  var JSCompiler_inline_result$jscomp$267;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_522 = "oninput" in document;
-    if (!isSupported$jscomp$inline_522) {
-      var element$jscomp$inline_523 = document.createElement("div");
-      element$jscomp$inline_523.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_522 =
-        "function" === typeof element$jscomp$inline_523.oninput;
+    var isSupported$jscomp$inline_523 = "oninput" in document;
+    if (!isSupported$jscomp$inline_523) {
+      var element$jscomp$inline_524 = document.createElement("div");
+      element$jscomp$inline_524.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_523 =
+        "function" === typeof element$jscomp$inline_524.oninput;
     }
-    JSCompiler_inline_result$jscomp$266 = isSupported$jscomp$inline_522;
-  } else JSCompiler_inline_result$jscomp$266 = !1;
+    JSCompiler_inline_result$jscomp$267 = isSupported$jscomp$inline_523;
+  } else JSCompiler_inline_result$jscomp$267 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$266 &&
+    JSCompiler_inline_result$jscomp$267 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3732,19 +3732,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_535 = 0;
-  i$jscomp$inline_535 < simpleEventPluginEvents.length;
-  i$jscomp$inline_535++
+  var i$jscomp$inline_536 = 0;
+  i$jscomp$inline_536 < simpleEventPluginEvents.length;
+  i$jscomp$inline_536++
 ) {
-  var eventName$jscomp$inline_536 =
-      simpleEventPluginEvents[i$jscomp$inline_535],
-    domEventName$jscomp$inline_537 = eventName$jscomp$inline_536.toLowerCase(),
-    capitalizedEvent$jscomp$inline_538 =
-      eventName$jscomp$inline_536[0].toUpperCase() +
-      eventName$jscomp$inline_536.slice(1);
+  var eventName$jscomp$inline_537 =
+      simpleEventPluginEvents[i$jscomp$inline_536],
+    domEventName$jscomp$inline_538 = eventName$jscomp$inline_537.toLowerCase(),
+    capitalizedEvent$jscomp$inline_539 =
+      eventName$jscomp$inline_537[0].toUpperCase() +
+      eventName$jscomp$inline_537.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_537,
-    "on" + capitalizedEvent$jscomp$inline_538
+    domEventName$jscomp$inline_538,
+    "on" + capitalizedEvent$jscomp$inline_539
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -10739,7 +10739,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -10747,13 +10747,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$176) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$176);
       }
     else ref.current = null;
 }
@@ -11075,11 +11086,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$177) {
+          } catch (error$178) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$177
+              error$178
             );
           }
         }
@@ -11740,8 +11751,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$190) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
+        } catch (error$191) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
         }
       }
       break;
@@ -11810,8 +11821,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$191) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
+        } catch (error$192) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
         }
       }
       if (
@@ -11877,8 +11888,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$193) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$193);
+        } catch (error$194) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$194);
         }
       break;
     case 6:
@@ -11891,8 +11902,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$194) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$194);
+        } catch (error$195) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
         }
       }
       break;
@@ -11902,8 +11913,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$195) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
+        } catch (error$196) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
         }
       break;
     case 4:
@@ -11928,8 +11939,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$196) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
+        } catch (error$197) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -12007,11 +12018,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$180) {
+              } catch (error$181) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$180
+                  error$181
                 );
               }
           } else if (
@@ -12087,21 +12098,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$181 = JSCompiler_inline_result.stateNode;
+            var parent$182 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$181, ""),
+              (setTextContent(parent$182, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$182 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$182, parent$181);
+            var before$183 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$183, parent$182);
             break;
           case 3:
           case 4:
-            var parent$183 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$184 = getHostSibling(finishedWork);
+            var parent$184 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$185 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$184,
-              parent$183
+              before$185,
+              parent$184
             );
             break;
           default:
@@ -12569,9 +12580,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$206 = finishedWork.stateNode;
+        var instance$207 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$206._visibility & 4
+          ? instance$207._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12584,7 +12595,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$206._visibility |= 4),
+            : ((instance$207._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12592,7 +12603,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$206._visibility |= 4),
+          : ((instance$207._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12605,7 +12616,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$206
+            instance$207
           );
         break;
       case 24:
@@ -13155,16 +13166,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$215 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$216 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$215 &&
-            ((lanes = errorRetryLanes$215),
+          0 !== errorRetryLanes$216 &&
+            ((lanes = errorRetryLanes$216),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$215
+              errorRetryLanes$216
             )));
         }
         if (1 === didTimeout)
@@ -13224,11 +13235,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$215 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$215),
-              (errorRetryLanes$215 = didTimeout[errorRetryLanes$215]),
-              errorRetryLanes$215 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$215),
+            (errorRetryLanes$216 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$216),
+              (errorRetryLanes$216 = didTimeout[errorRetryLanes$216]),
+              errorRetryLanes$216 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$216),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -13564,8 +13575,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$218) {
-      handleThrow(root, thrownValue$218);
+    } catch (thrownValue$219) {
+      handleThrow(root, thrownValue$219);
     }
   while (1);
   resetContextDependencies();
@@ -13642,8 +13653,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$220) {
-      handleThrow(root, thrownValue$220);
+    } catch (thrownValue$221) {
+      handleThrow(root, thrownValue$221);
     }
   while (1);
   resetContextDependencies();
@@ -13970,12 +13981,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$223 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$224 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$223 &&
+    shouldFireAfterActiveInstanceBlur$224 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -14052,7 +14063,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$224 = rootWithPendingPassiveEffects,
+    var root$225 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -14068,7 +14079,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$224, remainingLanes);
+        releaseRootPooledCache(root$225, remainingLanes);
     }
   }
   return !1;
@@ -14781,7 +14792,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -14841,6 +14852,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -15339,11 +15351,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function() {
-        var instance = getPublicRootInstance(root$227);
+        var instance = getPublicRootInstance(root$228);
         originalCallback.call(instance);
       };
     }
-    var root$227 = createHydrationContainer(
+    var root$228 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -15355,24 +15367,24 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$227;
-    container[internalContainerInstanceKey] = root$227.current;
+    container._reactRootContainer = root$228;
+    container[internalContainerInstanceKey] = root$228.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync();
-    return root$227;
+    return root$228;
   }
   for (; (isHydrationContainer = container.lastChild); )
     container.removeChild(isHydrationContainer);
   if ("function" === typeof callback) {
-    var originalCallback$228 = callback;
+    var originalCallback$229 = callback;
     callback = function() {
-      var instance = getPublicRootInstance(root$229);
-      originalCallback$228.call(instance);
+      var instance = getPublicRootInstance(root$230);
+      originalCallback$229.call(instance);
     };
   }
-  var root$229 = createFiberRoot(
+  var root$230 = createFiberRoot(
     container,
     0,
     !1,
@@ -15384,15 +15396,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$229;
-  container[internalContainerInstanceKey] = root$229.current;
+  container._reactRootContainer = root$230;
+  container[internalContainerInstanceKey] = root$230.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync(function() {
-    updateContainer(initialChildren, root$229, parentComponent, callback);
+    updateContainer(initialChildren, root$230, parentComponent, callback);
   });
-  return root$229;
+  return root$230;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -15446,12 +15458,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$226 = fiber.stateNode;
-      if (root$226.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$226.pendingLanes);
+      var root$227 = fiber.stateNode;
+      if (root$227.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$227.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$226, lanes | 2),
-          ensureRootIsScheduled(root$226, now()),
+          (markRootEntangled(root$227, lanes | 2),
+          ensureRootIsScheduled(root$227, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -15541,17 +15553,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1770 = {
+var devToolsConfig$jscomp$inline_1773 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-edbfc6399-20221128",
+  version: "18.3.0-www-classic-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2151 = {
-  bundleType: devToolsConfig$jscomp$inline_1770.bundleType,
-  version: devToolsConfig$jscomp$inline_1770.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1770.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1770.rendererConfig,
+var internals$jscomp$inline_2154 = {
+  bundleType: devToolsConfig$jscomp$inline_1773.bundleType,
+  version: devToolsConfig$jscomp$inline_1773.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1773.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1773.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15567,26 +15579,26 @@ var internals$jscomp$inline_2151 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1770.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1773.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2152 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2155 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2152.isDisabled &&
-    hook$jscomp$inline_2152.supportsFiber
+    !hook$jscomp$inline_2155.isDisabled &&
+    hook$jscomp$inline_2155.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2152.inject(
-        internals$jscomp$inline_2151
+      (rendererID = hook$jscomp$inline_2155.inject(
+        internals$jscomp$inline_2154
       )),
-        (injectedHook = hook$jscomp$inline_2152);
+        (injectedHook = hook$jscomp$inline_2155);
     } catch (err) {}
 }
 assign(Internals, {
@@ -15817,4 +15829,4 @@ exports.unstable_renderSubtreeIntoContainer = function(
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOMForked-prod.modern.js b/compiled/facebook-www/ReactDOMForked-prod.modern.js
index 4f94adf177..868406d163 100644
--- a/compiled/facebook-www/ReactDOMForked-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMForked-prod.modern.js
@@ -2715,19 +2715,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$245;
+  var JSCompiler_inline_result$jscomp$246;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_409 = "oninput" in document;
-    if (!isSupported$jscomp$inline_409) {
-      var element$jscomp$inline_410 = document.createElement("div");
-      element$jscomp$inline_410.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_409 =
-        "function" === typeof element$jscomp$inline_410.oninput;
+    var isSupported$jscomp$inline_410 = "oninput" in document;
+    if (!isSupported$jscomp$inline_410) {
+      var element$jscomp$inline_411 = document.createElement("div");
+      element$jscomp$inline_411.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_410 =
+        "function" === typeof element$jscomp$inline_411.oninput;
     }
-    JSCompiler_inline_result$jscomp$245 = isSupported$jscomp$inline_409;
-  } else JSCompiler_inline_result$jscomp$245 = !1;
+    JSCompiler_inline_result$jscomp$246 = isSupported$jscomp$inline_410;
+  } else JSCompiler_inline_result$jscomp$246 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$245 &&
+    JSCompiler_inline_result$jscomp$246 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3061,19 +3061,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_450 = 0;
-  i$jscomp$inline_450 < simpleEventPluginEvents.length;
-  i$jscomp$inline_450++
+  var i$jscomp$inline_451 = 0;
+  i$jscomp$inline_451 < simpleEventPluginEvents.length;
+  i$jscomp$inline_451++
 ) {
-  var eventName$jscomp$inline_451 =
-      simpleEventPluginEvents[i$jscomp$inline_450],
-    domEventName$jscomp$inline_452 = eventName$jscomp$inline_451.toLowerCase(),
-    capitalizedEvent$jscomp$inline_453 =
-      eventName$jscomp$inline_451[0].toUpperCase() +
-      eventName$jscomp$inline_451.slice(1);
+  var eventName$jscomp$inline_452 =
+      simpleEventPluginEvents[i$jscomp$inline_451],
+    domEventName$jscomp$inline_453 = eventName$jscomp$inline_452.toLowerCase(),
+    capitalizedEvent$jscomp$inline_454 =
+      eventName$jscomp$inline_452[0].toUpperCase() +
+      eventName$jscomp$inline_452.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_452,
-    "on" + capitalizedEvent$jscomp$inline_453
+    domEventName$jscomp$inline_453,
+    "on" + capitalizedEvent$jscomp$inline_454
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -10517,7 +10517,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -10525,13 +10525,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$177) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$177);
       }
     else ref.current = null;
 }
@@ -10853,11 +10864,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$178) {
+          } catch (error$179) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$178
+              error$179
             );
           }
         }
@@ -11518,8 +11529,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$191) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
+        } catch (error$192) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
         }
       }
       break;
@@ -11588,8 +11599,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$192) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
+        } catch (error$193) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$193);
         }
       }
       if (
@@ -11655,8 +11666,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$194) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$194);
+        } catch (error$195) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
         }
       break;
     case 6:
@@ -11669,8 +11680,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$195) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$195);
+        } catch (error$196) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
         }
       }
       break;
@@ -11680,8 +11691,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$196) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$196);
+        } catch (error$197) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
         }
       break;
     case 4:
@@ -11706,8 +11717,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$197) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$197);
+        } catch (error$198) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$198);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -11785,11 +11796,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$181) {
+              } catch (error$182) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$181
+                  error$182
                 );
               }
           } else if (
@@ -11865,21 +11876,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$182 = JSCompiler_inline_result.stateNode;
+            var parent$183 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$182, ""),
+              (setTextContent(parent$183, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$183 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$183, parent$182);
+            var before$184 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$184, parent$183);
             break;
           case 3:
           case 4:
-            var parent$184 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$185 = getHostSibling(finishedWork);
+            var parent$185 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$186 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$185,
-              parent$184
+              before$186,
+              parent$185
             );
             break;
           default:
@@ -12347,9 +12358,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$207 = finishedWork.stateNode;
+        var instance$208 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$207._visibility & 4
+          ? instance$208._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12362,7 +12373,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$207._visibility |= 4),
+            : ((instance$208._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12370,7 +12381,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$207._visibility |= 4),
+          : ((instance$208._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12383,7 +12394,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$207
+            instance$208
           );
         break;
       case 24:
@@ -12933,16 +12944,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$216 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$217 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$216 &&
-            ((lanes = errorRetryLanes$216),
+          0 !== errorRetryLanes$217 &&
+            ((lanes = errorRetryLanes$217),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$216
+              errorRetryLanes$217
             )));
         }
         if (1 === didTimeout)
@@ -13002,11 +13013,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$216 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$216),
-              (errorRetryLanes$216 = didTimeout[errorRetryLanes$216]),
-              errorRetryLanes$216 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$216),
+            (errorRetryLanes$217 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$217),
+              (errorRetryLanes$217 = didTimeout[errorRetryLanes$217]),
+              errorRetryLanes$217 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$217),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -13342,8 +13353,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$219) {
-      handleThrow(root, thrownValue$219);
+    } catch (thrownValue$220) {
+      handleThrow(root, thrownValue$220);
     }
   while (1);
   resetContextDependencies();
@@ -13420,8 +13431,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$221) {
-      handleThrow(root, thrownValue$221);
+    } catch (thrownValue$222) {
+      handleThrow(root, thrownValue$222);
     }
   while (1);
   resetContextDependencies();
@@ -13748,12 +13759,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$224 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$225 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$224 &&
+    shouldFireAfterActiveInstanceBlur$225 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -13830,7 +13841,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$225 = rootWithPendingPassiveEffects,
+    var root$226 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -13846,7 +13857,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$225, remainingLanes);
+        releaseRootPooledCache(root$226, remainingLanes);
     }
   }
   return !1;
@@ -14534,7 +14545,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -14594,6 +14605,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -15007,12 +15019,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$227 = fiber.stateNode;
-      if (root$227.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$227.pendingLanes);
+      var root$228 = fiber.stateNode;
+      if (root$228.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$228.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$227, lanes | 2),
-          ensureRootIsScheduled(root$227, now()),
+          (markRootEntangled(root$228, lanes | 2),
+          ensureRootIsScheduled(root$228, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -15102,17 +15114,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1738 = {
+var devToolsConfig$jscomp$inline_1741 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-edbfc6399-20221128",
+  version: "18.3.0-www-modern-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2126 = {
-  bundleType: devToolsConfig$jscomp$inline_1738.bundleType,
-  version: devToolsConfig$jscomp$inline_1738.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1738.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1738.rendererConfig,
+var internals$jscomp$inline_2129 = {
+  bundleType: devToolsConfig$jscomp$inline_1741.bundleType,
+  version: devToolsConfig$jscomp$inline_1741.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1741.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1741.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -15129,26 +15141,26 @@ var internals$jscomp$inline_2126 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1738.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1741.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2127 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2130 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2127.isDisabled &&
-    hook$jscomp$inline_2127.supportsFiber
+    !hook$jscomp$inline_2130.isDisabled &&
+    hook$jscomp$inline_2130.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2127.inject(
-        internals$jscomp$inline_2126
+      (rendererID = hook$jscomp$inline_2130.inject(
+        internals$jscomp$inline_2129
       )),
-        (injectedHook = hook$jscomp$inline_2127);
+        (injectedHook = hook$jscomp$inline_2130);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -15325,4 +15337,4 @@ exports.unstable_flushControlled = function(fn) {
 };
 exports.unstable_isNewReconciler = !0;
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOMForked-profiling.classic.js b/compiled/facebook-www/ReactDOMForked-profiling.classic.js
index 95570109e9..0e9bc1f2b7 100644
--- a/compiled/facebook-www/ReactDOMForked-profiling.classic.js
+++ b/compiled/facebook-www/ReactDOMForked-profiling.classic.js
@@ -3705,19 +3705,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$287;
+  var JSCompiler_inline_result$jscomp$288;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_543 = "oninput" in document;
-    if (!isSupported$jscomp$inline_543) {
-      var element$jscomp$inline_544 = document.createElement("div");
-      element$jscomp$inline_544.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_543 =
-        "function" === typeof element$jscomp$inline_544.oninput;
+    var isSupported$jscomp$inline_544 = "oninput" in document;
+    if (!isSupported$jscomp$inline_544) {
+      var element$jscomp$inline_545 = document.createElement("div");
+      element$jscomp$inline_545.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_544 =
+        "function" === typeof element$jscomp$inline_545.oninput;
     }
-    JSCompiler_inline_result$jscomp$287 = isSupported$jscomp$inline_543;
-  } else JSCompiler_inline_result$jscomp$287 = !1;
+    JSCompiler_inline_result$jscomp$288 = isSupported$jscomp$inline_544;
+  } else JSCompiler_inline_result$jscomp$288 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$287 &&
+    JSCompiler_inline_result$jscomp$288 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3880,19 +3880,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_556 = 0;
-  i$jscomp$inline_556 < simpleEventPluginEvents.length;
-  i$jscomp$inline_556++
+  var i$jscomp$inline_557 = 0;
+  i$jscomp$inline_557 < simpleEventPluginEvents.length;
+  i$jscomp$inline_557++
 ) {
-  var eventName$jscomp$inline_557 =
-      simpleEventPluginEvents[i$jscomp$inline_556],
-    domEventName$jscomp$inline_558 = eventName$jscomp$inline_557.toLowerCase(),
-    capitalizedEvent$jscomp$inline_559 =
-      eventName$jscomp$inline_557[0].toUpperCase() +
-      eventName$jscomp$inline_557.slice(1);
+  var eventName$jscomp$inline_558 =
+      simpleEventPluginEvents[i$jscomp$inline_557],
+    domEventName$jscomp$inline_559 = eventName$jscomp$inline_558.toLowerCase(),
+    capitalizedEvent$jscomp$inline_560 =
+      eventName$jscomp$inline_558[0].toUpperCase() +
+      eventName$jscomp$inline_558.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_558,
-    "on" + capitalizedEvent$jscomp$inline_559
+    domEventName$jscomp$inline_559,
+    "on" + capitalizedEvent$jscomp$inline_560
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -11075,11 +11075,11 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       if ("function" === typeof ref)
         if (shouldProfile(current))
           try {
-            startLayoutEffectTimer(), ref(instanceToUse);
+            startLayoutEffectTimer(), (current.refCleanup = ref(instanceToUse));
           } finally {
             recordLayoutEffectDuration(current);
           }
-        else ref(instanceToUse);
+        else current.refCleanup = ref(instanceToUse);
       else ref.current = instanceToUse;
     }
   } catch (error) {
@@ -11087,9 +11087,26 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
+      try {
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else refCleanup();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
       try {
         if (shouldProfile(current))
           try {
@@ -11098,8 +11115,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } catch (error$187) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$187);
       }
     else ref.current = null;
 }
@@ -11412,11 +11429,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$188 = commitTime,
+        var commitTime$189 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$188);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$189);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -11443,8 +11460,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$190) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$190);
+    } catch (error$191) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -11543,11 +11560,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$191) {
+            } catch (error$192) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$191
+                error$192
               );
             }
         else {
@@ -11564,11 +11581,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$192) {
+            } catch (error$193) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$192
+                error$193
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -11579,11 +11596,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$193) {
+            } catch (error$194) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$193
+                error$194
               );
             }
         }
@@ -12269,22 +12286,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$208) {
+          } catch (error$209) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$208
+              error$209
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$209) {
+          } catch (error$210) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$209
+              error$210
             );
           }
       }
@@ -12354,8 +12371,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$210) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$210);
+        } catch (error$211) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$211);
         }
       }
       if (
@@ -12421,8 +12438,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$212) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$212);
+        } catch (error$213) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
         }
       break;
     case 6:
@@ -12435,8 +12452,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$213) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
+        } catch (error$214) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
         }
       }
       break;
@@ -12446,8 +12463,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$214) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
+        } catch (error$215) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
         }
       break;
     case 4:
@@ -12472,8 +12489,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$215) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
+        } catch (error$216) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -12551,11 +12568,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$198) {
+              } catch (error$199) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$198
+                  error$199
                 );
               }
           } else if (
@@ -12631,21 +12648,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$199 = JSCompiler_inline_result.stateNode;
+            var parent$200 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$199, ""),
+              (setTextContent(parent$200, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$200 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$200, parent$199);
+            var before$201 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$201, parent$200);
             break;
           case 3:
           case 4:
-            var parent$201 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$202 = getHostSibling(finishedWork);
+            var parent$202 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$203 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$202,
-              parent$201
+              before$203,
+              parent$202
             );
             break;
           default:
@@ -12836,8 +12853,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$221) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$221);
+    } catch (error$222) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$222);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -13136,9 +13153,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$226 = finishedWork.stateNode;
+        var instance$227 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$226._visibility & 4
+          ? instance$227._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -13151,7 +13168,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$226._visibility |= 4),
+            : ((instance$227._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -13159,7 +13176,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$226._visibility |= 4),
+          : ((instance$227._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -13172,7 +13189,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$226
+            instance$227
           );
         break;
       case 24:
@@ -13760,16 +13777,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$235 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$236 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$235 &&
-            ((lanes = errorRetryLanes$235),
+          0 !== errorRetryLanes$236 &&
+            ((lanes = errorRetryLanes$236),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$235
+              errorRetryLanes$236
             )));
         }
         if (1 === didTimeout)
@@ -13829,11 +13846,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$235 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$235),
-              (errorRetryLanes$235 = didTimeout[errorRetryLanes$235]),
-              errorRetryLanes$235 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$235),
+            (errorRetryLanes$236 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$236),
+              (errorRetryLanes$236 = didTimeout[errorRetryLanes$236]),
+              errorRetryLanes$236 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$236),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -14202,8 +14219,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$238) {
-      handleThrow(root, thrownValue$238);
+    } catch (thrownValue$239) {
+      handleThrow(root, thrownValue$239);
     }
   while (1);
   resetContextDependencies();
@@ -14291,8 +14308,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$240) {
-      handleThrow(root, thrownValue$240);
+    } catch (thrownValue$241) {
+      handleThrow(root, thrownValue$241);
     }
   while (1);
   resetContextDependencies();
@@ -14656,7 +14673,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$243 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$244 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -14664,7 +14681,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$243 &&
+    shouldFireAfterActiveInstanceBlur$244 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -14756,7 +14773,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$244 = rootWithPendingPassiveEffects,
+    var root$245 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -14772,7 +14789,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$244, remainingLanes);
+        releaseRootPooledCache(root$245, remainingLanes);
     }
   }
   return !1;
@@ -15526,7 +15543,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -15591,6 +15608,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   workInProgress.selfBaseDuration = current.selfBaseDuration;
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
@@ -16106,11 +16124,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function() {
-        var instance = getPublicRootInstance(root$248);
+        var instance = getPublicRootInstance(root$249);
         originalCallback.call(instance);
       };
     }
-    var root$248 = createHydrationContainer(
+    var root$249 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -16122,24 +16140,24 @@ function legacyCreateRootFromDOMContainer(
       noopOnRecoverableError,
       null
     );
-    container._reactRootContainer = root$248;
-    container[internalContainerInstanceKey] = root$248.current;
+    container._reactRootContainer = root$249;
+    container[internalContainerInstanceKey] = root$249.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync();
-    return root$248;
+    return root$249;
   }
   for (; (isHydrationContainer = container.lastChild); )
     container.removeChild(isHydrationContainer);
   if ("function" === typeof callback) {
-    var originalCallback$249 = callback;
+    var originalCallback$250 = callback;
     callback = function() {
-      var instance = getPublicRootInstance(root$250);
-      originalCallback$249.call(instance);
+      var instance = getPublicRootInstance(root$251);
+      originalCallback$250.call(instance);
     };
   }
-  var root$250 = createFiberRoot(
+  var root$251 = createFiberRoot(
     container,
     0,
     !1,
@@ -16151,15 +16169,15 @@ function legacyCreateRootFromDOMContainer(
     noopOnRecoverableError,
     null
   );
-  container._reactRootContainer = root$250;
-  container[internalContainerInstanceKey] = root$250.current;
+  container._reactRootContainer = root$251;
+  container[internalContainerInstanceKey] = root$251.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync(function() {
-    updateContainer(initialChildren, root$250, parentComponent, callback);
+    updateContainer(initialChildren, root$251, parentComponent, callback);
   });
-  return root$250;
+  return root$251;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -16213,12 +16231,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$247 = fiber.stateNode;
-      if (root$247.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$247.pendingLanes);
+      var root$248 = fiber.stateNode;
+      if (root$248.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$248.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$247, lanes | 2),
-          ensureRootIsScheduled(root$247, now()),
+          (markRootEntangled(root$248, lanes | 2),
+          ensureRootIsScheduled(root$248, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -16311,7 +16329,7 @@ Internals.Events = [
 var devToolsConfig$jscomp$inline_1847 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-edbfc6399-20221128",
+  version: "18.3.0-www-classic-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
 (function(internals) {
@@ -16355,7 +16373,7 @@ var devToolsConfig$jscomp$inline_1847 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 });
 assign(Internals, {
   ReactBrowserEventEmitter: {
@@ -16585,7 +16603,7 @@ exports.unstable_renderSubtreeIntoContainer = function(
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
 
           /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
 if (
diff --git a/compiled/facebook-www/ReactDOMForked-profiling.modern.js b/compiled/facebook-www/ReactDOMForked-profiling.modern.js
index 474652d1ea..ff752bc0b7 100644
--- a/compiled/facebook-www/ReactDOMForked-profiling.modern.js
+++ b/compiled/facebook-www/ReactDOMForked-profiling.modern.js
@@ -2859,19 +2859,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$266;
+  var JSCompiler_inline_result$jscomp$267;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_430 = "oninput" in document;
-    if (!isSupported$jscomp$inline_430) {
-      var element$jscomp$inline_431 = document.createElement("div");
-      element$jscomp$inline_431.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_430 =
-        "function" === typeof element$jscomp$inline_431.oninput;
+    var isSupported$jscomp$inline_431 = "oninput" in document;
+    if (!isSupported$jscomp$inline_431) {
+      var element$jscomp$inline_432 = document.createElement("div");
+      element$jscomp$inline_432.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_431 =
+        "function" === typeof element$jscomp$inline_432.oninput;
     }
-    JSCompiler_inline_result$jscomp$266 = isSupported$jscomp$inline_430;
-  } else JSCompiler_inline_result$jscomp$266 = !1;
+    JSCompiler_inline_result$jscomp$267 = isSupported$jscomp$inline_431;
+  } else JSCompiler_inline_result$jscomp$267 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$266 &&
+    JSCompiler_inline_result$jscomp$267 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -3205,19 +3205,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_471 = 0;
-  i$jscomp$inline_471 < simpleEventPluginEvents.length;
-  i$jscomp$inline_471++
+  var i$jscomp$inline_472 = 0;
+  i$jscomp$inline_472 < simpleEventPluginEvents.length;
+  i$jscomp$inline_472++
 ) {
-  var eventName$jscomp$inline_472 =
-      simpleEventPluginEvents[i$jscomp$inline_471],
-    domEventName$jscomp$inline_473 = eventName$jscomp$inline_472.toLowerCase(),
-    capitalizedEvent$jscomp$inline_474 =
-      eventName$jscomp$inline_472[0].toUpperCase() +
-      eventName$jscomp$inline_472.slice(1);
+  var eventName$jscomp$inline_473 =
+      simpleEventPluginEvents[i$jscomp$inline_472],
+    domEventName$jscomp$inline_474 = eventName$jscomp$inline_473.toLowerCase(),
+    capitalizedEvent$jscomp$inline_475 =
+      eventName$jscomp$inline_473[0].toUpperCase() +
+      eventName$jscomp$inline_473.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_473,
-    "on" + capitalizedEvent$jscomp$inline_474
+    domEventName$jscomp$inline_474,
+    "on" + capitalizedEvent$jscomp$inline_475
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -10843,11 +10843,11 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       if ("function" === typeof ref)
         if (shouldProfile(current))
           try {
-            startLayoutEffectTimer(), ref(instanceToUse);
+            startLayoutEffectTimer(), (current.refCleanup = ref(instanceToUse));
           } finally {
             recordLayoutEffectDuration(current);
           }
-        else ref(instanceToUse);
+        else current.refCleanup = ref(instanceToUse);
       else ref.current = instanceToUse;
     }
   } catch (error) {
@@ -10855,9 +10855,26 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
+      try {
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else refCleanup();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
       try {
         if (shouldProfile(current))
           try {
@@ -10866,8 +10883,8 @@ function safelyDetachRef(current, nearestMountedAncestor) {
             recordLayoutEffectDuration(current);
           }
         else ref(null);
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } catch (error$188) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$188);
       }
     else ref.current = null;
 }
@@ -11180,11 +11197,11 @@ function commitPassiveEffectDurations(finishedRoot, finishedWork) {
         var _finishedWork$memoize = finishedWork.memoizedProps,
           id = _finishedWork$memoize.id;
         _finishedWork$memoize = _finishedWork$memoize.onPostCommit;
-        var commitTime$189 = commitTime,
+        var commitTime$190 = commitTime,
           phase = null === finishedWork.alternate ? "mount" : "update";
         currentUpdateIsNested && (phase = "nested-update");
         "function" === typeof _finishedWork$memoize &&
-          _finishedWork$memoize(id, phase, finishedRoot, commitTime$189);
+          _finishedWork$memoize(id, phase, finishedRoot, commitTime$190);
         finishedWork = finishedWork.return;
         a: for (; null !== finishedWork; ) {
           switch (finishedWork.tag) {
@@ -11211,8 +11228,8 @@ function commitHookLayoutEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$191) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$191);
+    } catch (error$192) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$192);
     }
 }
 function commitClassCallbacks(finishedWork) {
@@ -11311,11 +11328,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
           } else
             try {
               finishedRoot.componentDidMount();
-            } catch (error$192) {
+            } catch (error$193) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$192
+                error$193
               );
             }
         else {
@@ -11332,11 +11349,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                   current,
                   finishedRoot.__reactInternalSnapshotBeforeUpdate
                 );
-            } catch (error$193) {
+            } catch (error$194) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$193
+                error$194
               );
             }
             recordLayoutEffectDuration(finishedWork);
@@ -11347,11 +11364,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
                 current,
                 finishedRoot.__reactInternalSnapshotBeforeUpdate
               );
-            } catch (error$194) {
+            } catch (error$195) {
               captureCommitPhaseError(
                 finishedWork,
                 finishedWork.return,
-                error$194
+                error$195
               );
             }
         }
@@ -12037,22 +12054,22 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$209) {
+          } catch (error$210) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$209
+              error$210
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$210) {
+          } catch (error$211) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$210
+              error$211
             );
           }
       }
@@ -12122,8 +12139,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$211) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$211);
+        } catch (error$212) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$212);
         }
       }
       if (
@@ -12189,8 +12206,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$213) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$213);
+        } catch (error$214) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
         }
       break;
     case 6:
@@ -12203,8 +12220,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$214) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$214);
+        } catch (error$215) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
         }
       }
       break;
@@ -12214,8 +12231,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$215) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$215);
+        } catch (error$216) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
         }
       break;
     case 4:
@@ -12240,8 +12257,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$216) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$216);
+        } catch (error$217) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$217);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -12319,11 +12336,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$199) {
+              } catch (error$200) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$199
+                  error$200
                 );
               }
           } else if (
@@ -12399,21 +12416,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$200 = JSCompiler_inline_result.stateNode;
+            var parent$201 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$200, ""),
+              (setTextContent(parent$201, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$201 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$201, parent$200);
+            var before$202 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$202, parent$201);
             break;
           case 3:
           case 4:
-            var parent$202 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$203 = getHostSibling(finishedWork);
+            var parent$203 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$204 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$203,
-              parent$202
+              before$204,
+              parent$203
             );
             break;
           default:
@@ -12604,8 +12621,8 @@ function commitHookPassiveMountEffects(finishedWork, hookFlags) {
   } else
     try {
       commitHookEffectListMount(hookFlags, finishedWork);
-    } catch (error$222) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error$222);
+    } catch (error$223) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$223);
     }
 }
 function commitOffscreenPassiveMountEffects(current, finishedWork, instance) {
@@ -12904,9 +12921,9 @@ function recursivelyTraverseReconnectPassiveEffects(
           );
         break;
       case 22:
-        var instance$227 = finishedWork.stateNode;
+        var instance$228 = finishedWork.stateNode;
         null !== finishedWork.memoizedState
-          ? instance$227._visibility & 4
+          ? instance$228._visibility & 4
             ? recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12919,7 +12936,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork
               )
-            : ((instance$227._visibility |= 4),
+            : ((instance$228._visibility |= 4),
               recursivelyTraverseReconnectPassiveEffects(
                 finishedRoot,
                 finishedWork,
@@ -12927,7 +12944,7 @@ function recursivelyTraverseReconnectPassiveEffects(
                 committedTransitions,
                 includeWorkInProgressEffects
               ))
-          : ((instance$227._visibility |= 4),
+          : ((instance$228._visibility |= 4),
             recursivelyTraverseReconnectPassiveEffects(
               finishedRoot,
               finishedWork,
@@ -12940,7 +12957,7 @@ function recursivelyTraverseReconnectPassiveEffects(
           commitOffscreenPassiveMountEffects(
             finishedWork.alternate,
             finishedWork,
-            instance$227
+            instance$228
           );
         break;
       case 24:
@@ -13528,16 +13545,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$236 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$237 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$236 &&
-            ((lanes = errorRetryLanes$236),
+          0 !== errorRetryLanes$237 &&
+            ((lanes = errorRetryLanes$237),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$236
+              errorRetryLanes$237
             )));
         }
         if (1 === didTimeout)
@@ -13597,11 +13614,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$236 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$236),
-              (errorRetryLanes$236 = didTimeout[errorRetryLanes$236]),
-              errorRetryLanes$236 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$236),
+            (errorRetryLanes$237 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$237),
+              (errorRetryLanes$237 = didTimeout[errorRetryLanes$237]),
+              errorRetryLanes$237 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$237),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -13970,8 +13987,8 @@ function renderRootSync(root, lanes) {
         }
       workLoopSync();
       break;
-    } catch (thrownValue$239) {
-      handleThrow(root, thrownValue$239);
+    } catch (thrownValue$240) {
+      handleThrow(root, thrownValue$240);
     }
   while (1);
   resetContextDependencies();
@@ -14059,8 +14076,8 @@ function renderRootConcurrent(root, lanes) {
         }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$241) {
-      handleThrow(root, thrownValue$241);
+    } catch (thrownValue$242) {
+      handleThrow(root, thrownValue$242);
     }
   while (1);
   resetContextDependencies();
@@ -14424,7 +14441,7 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$244 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$245 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
@@ -14432,7 +14449,7 @@ function commitRootImpl(
     enableProfilerNestedUpdateScheduledHook &&
       (rootCommittingMutationOrLayoutEffects = root);
     commitMutationEffects(root, finishedWork, lanes);
-    shouldFireAfterActiveInstanceBlur$244 &&
+    shouldFireAfterActiveInstanceBlur$245 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -14524,7 +14541,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$245 = rootWithPendingPassiveEffects,
+    var root$246 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
@@ -14540,7 +14557,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = prevTransition),
-        releaseRootPooledCache(root$245, remainingLanes);
+        releaseRootPooledCache(root$246, remainingLanes);
     }
   }
   return !1;
@@ -15269,7 +15286,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -15334,6 +15351,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   workInProgress.selfBaseDuration = current.selfBaseDuration;
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
@@ -15764,12 +15782,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$248 = fiber.stateNode;
-      if (root$248.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$248.pendingLanes);
+      var root$249 = fiber.stateNode;
+      if (root$249.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$249.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$248, lanes | 2),
-          ensureRootIsScheduled(root$248, now()),
+          (markRootEntangled(root$249, lanes | 2),
+          ensureRootIsScheduled(root$249, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -15862,7 +15880,7 @@ Internals.Events = [
 var devToolsConfig$jscomp$inline_1815 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-edbfc6399-20221128",
+  version: "18.3.0-www-modern-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
 (function(internals) {
@@ -15907,7 +15925,7 @@ var devToolsConfig$jscomp$inline_1815 = {
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 });
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
 exports.createPortal = function(children, container) {
@@ -16083,7 +16101,7 @@ exports.unstable_flushControlled = function(fn) {
 };
 exports.unstable_isNewReconciler = !0;
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
 
           /* 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 54b3bcc8c0..ac50e6977f 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-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
diff --git a/compiled/facebook-www/ReactDOMServer-dev.modern.js b/compiled/facebook-www/ReactDOMServer-dev.modern.js
index c03d573f1d..e2a36ca2c8 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-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 // This refers to a WWW module.
 var warningWWW = require("warning");
diff --git a/compiled/facebook-www/ReactDOMServer-prod.classic.js b/compiled/facebook-www/ReactDOMServer-prod.classic.js
index 1c96fe104a..657fcb751c 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.classic.js
@@ -3461,4 +3461,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-edbfc6399-20221128";
+exports.version = "18.3.0-www-classic-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOMServer-prod.modern.js b/compiled/facebook-www/ReactDOMServer-prod.modern.js
index 78c7a9a0a4..951ccbebed 100644
--- a/compiled/facebook-www/ReactDOMServer-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMServer-prod.modern.js
@@ -3374,4 +3374,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-edbfc6399-20221128";
+exports.version = "18.3.0-www-modern-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.classic.js b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
index e663cf7b8e..341bec2363 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.classic.js
@@ -23209,9 +23209,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -24047,20 +24071,8 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -30487,6 +30499,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -30623,6 +30636,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress._debugNeedsRemount = current._debugNeedsRemount;
@@ -31126,7 +31140,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 function createPortal(
   children,
diff --git a/compiled/facebook-www/ReactDOMTesting-dev.modern.js b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
index a9221cc886..cd41774481 100644
--- a/compiled/facebook-www/ReactDOMTesting-dev.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-dev.modern.js
@@ -30490,9 +30490,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -31328,20 +31352,8 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -37768,6 +37780,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -37904,6 +37917,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress._debugNeedsRemount = current._debugNeedsRemount;
@@ -38407,7 +38421,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 function createPortal(
   children,
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.classic.js b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
index 0a8ebd70bd..6a7e321197 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.classic.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.classic.js
@@ -6960,7 +6960,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -6968,13 +6968,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$117) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$117);
       }
     else ref.current = null;
 }
@@ -7279,11 +7290,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$118) {
+          } catch (error$119) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$118
+              error$119
             );
           }
         }
@@ -7761,8 +7772,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$130) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$130);
+        } catch (error$131) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$131);
         }
       }
       break;
@@ -7831,8 +7842,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$131) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$131);
+        } catch (error$132) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$132);
         }
       }
       if (
@@ -7898,8 +7909,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$133) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$133);
+        } catch (error$134) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$134);
         }
       break;
     case 6:
@@ -7912,8 +7923,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$134) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$134);
+        } catch (error$135) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$135);
         }
       }
       break;
@@ -7923,8 +7934,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$135) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$135);
+        } catch (error$136) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$136);
         }
       break;
     case 4:
@@ -7949,8 +7960,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$136) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$136);
+        } catch (error$137) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$137);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -8028,11 +8039,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$120) {
+              } catch (error$121) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$120
+                  error$121
                 );
               }
           } else if (
@@ -8108,21 +8119,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$121 = JSCompiler_inline_result.stateNode;
+            var parent$122 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$121, ""),
+              (setTextContent(parent$122, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$122 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$122, parent$121);
+            var before$123 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$123, parent$122);
             break;
           case 3:
           case 4:
-            var parent$123 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$124 = getHostSibling(finishedWork);
+            var parent$124 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$125 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$124,
-              parent$123
+              before$125,
+              parent$124
             );
             break;
           default:
@@ -9066,16 +9077,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$148 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$149 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$148 &&
-            ((lanes = errorRetryLanes$148),
+          0 !== errorRetryLanes$149 &&
+            ((lanes = errorRetryLanes$149),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$148
+              errorRetryLanes$149
             )));
         }
         if (1 === didTimeout)
@@ -9135,11 +9146,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$148 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$148),
-              (errorRetryLanes$148 = didTimeout[errorRetryLanes$148]),
-              errorRetryLanes$148 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$148),
+            (errorRetryLanes$149 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$149),
+              (errorRetryLanes$149 = didTimeout[errorRetryLanes$149]),
+              errorRetryLanes$149 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$149),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -9474,8 +9485,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$151) {
-      handleThrow(root, thrownValue$151);
+    } catch (thrownValue$152) {
+      handleThrow(root, thrownValue$152);
     }
   while (1);
   resetContextDependencies();
@@ -9552,8 +9563,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$153) {
-      handleThrow(root, thrownValue$153);
+    } catch (thrownValue$154) {
+      handleThrow(root, thrownValue$154);
     }
   while (1);
   resetContextDependencies();
@@ -9866,12 +9877,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$156 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$157 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$156 &&
+    shouldFireAfterActiveInstanceBlur$157 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -9931,7 +9942,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$157 = rootWithPendingPassiveEffects,
+    var root$158 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
@@ -9971,7 +9982,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$2.transition = renderPriority),
-        releaseRootPooledCache(root$157, remainingLanes);
+        releaseRootPooledCache(root$158, remainingLanes);
     }
   }
   return !1;
@@ -10614,7 +10625,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -10674,6 +10685,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -11114,11 +11126,11 @@ function legacyCreateRootFromDOMContainer(
     if ("function" === typeof callback) {
       var originalCallback = callback;
       callback = function() {
-        var instance = getPublicRootInstance(root$160);
+        var instance = getPublicRootInstance(root$161);
         originalCallback.call(instance);
       };
     }
-    var root$160 = createHydrationContainer(
+    var root$161 = createHydrationContainer(
       initialChildren,
       callback,
       container,
@@ -11129,24 +11141,24 @@ function legacyCreateRootFromDOMContainer(
       "",
       noopOnRecoverableError
     );
-    container._reactRootContainer = root$160;
-    container[internalContainerInstanceKey] = root$160.current;
+    container._reactRootContainer = root$161;
+    container[internalContainerInstanceKey] = root$161.current;
     listenToAllSupportedEvents(
       8 === container.nodeType ? container.parentNode : container
     );
     flushSync();
-    return root$160;
+    return root$161;
   }
   for (; (isHydrationContainer = container.lastChild); )
     container.removeChild(isHydrationContainer);
   if ("function" === typeof callback) {
-    var originalCallback$161 = callback;
+    var originalCallback$162 = callback;
     callback = function() {
-      var instance = getPublicRootInstance(root$162);
-      originalCallback$161.call(instance);
+      var instance = getPublicRootInstance(root$163);
+      originalCallback$162.call(instance);
     };
   }
-  var root$162 = createFiberRoot(
+  var root$163 = createFiberRoot(
     container,
     0,
     !1,
@@ -11157,15 +11169,15 @@ function legacyCreateRootFromDOMContainer(
     "",
     noopOnRecoverableError
   );
-  container._reactRootContainer = root$162;
-  container[internalContainerInstanceKey] = root$162.current;
+  container._reactRootContainer = root$163;
+  container[internalContainerInstanceKey] = root$163.current;
   listenToAllSupportedEvents(
     8 === container.nodeType ? container.parentNode : container
   );
   flushSync(function() {
-    updateContainer(initialChildren, root$162, parentComponent, callback);
+    updateContainer(initialChildren, root$163, parentComponent, callback);
   });
-  return root$162;
+  return root$163;
 }
 function legacyRenderSubtreeIntoContainer(
   parentComponent,
@@ -11268,12 +11280,12 @@ function batchedUpdates$1(fn, a, b) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$159 = fiber.stateNode;
-      if (root$159.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$159.pendingLanes);
+      var root$160 = fiber.stateNode;
+      if (root$160.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$160.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$159, lanes | 2),
-          ensureRootIsScheduled(root$159, now()),
+          (markRootEntangled(root$160, lanes | 2),
+          ensureRootIsScheduled(root$160, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -11353,17 +11365,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates
 ];
-var devToolsConfig$jscomp$inline_1511 = {
+var devToolsConfig$jscomp$inline_1514 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-classic-edbfc6399-20221128",
+  version: "18.3.0-www-classic-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2051 = {
-  bundleType: devToolsConfig$jscomp$inline_1511.bundleType,
-  version: devToolsConfig$jscomp$inline_1511.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1511.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1511.rendererConfig,
+var internals$jscomp$inline_2054 = {
+  bundleType: devToolsConfig$jscomp$inline_1514.bundleType,
+  version: devToolsConfig$jscomp$inline_1514.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1514.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1514.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -11379,26 +11391,26 @@ var internals$jscomp$inline_2051 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1511.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1514.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2052 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2055 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2052.isDisabled &&
-    hook$jscomp$inline_2052.supportsFiber
+    !hook$jscomp$inline_2055.isDisabled &&
+    hook$jscomp$inline_2055.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2052.inject(
-        internals$jscomp$inline_2051
+      (rendererID = hook$jscomp$inline_2055.inject(
+        internals$jscomp$inline_2054
       )),
-        (injectedHook = hook$jscomp$inline_2052);
+        (injectedHook = hook$jscomp$inline_2055);
     } catch (err) {}
 }
 var Dispatcher$1 = Internals.Dispatcher,
@@ -11751,11 +11763,11 @@ function acquireResource(resource) {
         var instance = resource.instance;
         if (!instance) {
           var props = resource.props,
-            root$185 = resource.root,
+            root$186 = resource.root,
             type = resource.type;
           switch (type) {
             case "title":
-              var titles = root$185.querySelectorAll("title");
+              var titles = root$186.querySelectorAll("title");
               for (instance = 0; instance < titles.length; instance++)
                 if (titles[instance].textContent === props.children) {
                   instance = resource.instance = titles[instance];
@@ -11766,11 +11778,11 @@ function acquireResource(resource) {
               instance = resource.instance = createResourceInstance(
                 type,
                 props,
-                root$185
+                root$186
               );
               resource = titles[0];
               insertResourceInstanceBefore(
-                root$185,
+                root$186,
                 instance,
                 resource &&
                   "http://www.w3.org/2000/svg" !== resource.namespaceURI
@@ -11811,7 +11823,7 @@ function acquireResource(resource) {
                         if (instance.startsWith(propertyAttr + ":")) break;
                       }
                     }
-              } else if ((instance = root$185.querySelector(matcher))) {
+              } else if ((instance = root$186.querySelector(matcher))) {
                 resource.instance = instance;
                 instance[internalResourceMarker] = !0;
                 break;
@@ -11819,9 +11831,9 @@ function acquireResource(resource) {
               instance = resource.instance = createResourceInstance(
                 type,
                 props,
-                root$185
+                root$186
               );
-              insertResourceInstanceBefore(root$185, instance, titles);
+              insertResourceInstanceBefore(root$186, instance, titles);
               break;
             case "link":
               titles = escapeSelectorAttributeValueInsideDoubleQuotes(
@@ -11841,7 +11853,7 @@ function acquireResource(resource) {
                   props.media
                 )),
                 (titles += '[media="' + instance + '"]'));
-              if ((titles = root$185.querySelector(titles))) {
+              if ((titles = root$186.querySelector(titles))) {
                 instance = resource.instance = titles;
                 instance[internalResourceMarker] = !0;
                 break;
@@ -11849,23 +11861,23 @@ function acquireResource(resource) {
               instance = resource.instance = createResourceInstance(
                 type,
                 props,
-                root$185
+                root$186
               );
-              insertResourceInstanceBefore(root$185, instance, null);
+              insertResourceInstanceBefore(root$186, instance, null);
               break;
             case "base":
-              (titles = root$185.querySelector(resource.matcher))
+              (titles = root$186.querySelector(resource.matcher))
                 ? ((instance = resource.instance = titles),
                   (instance[internalResourceMarker] = !0))
                 : ((instance = resource.instance = createResourceInstance(
                     type,
                     props,
-                    root$185
+                    root$186
                   )),
                   insertResourceInstanceBefore(
-                    root$185,
+                    root$186,
                     instance,
-                    root$185.querySelector("base")
+                    root$186.querySelector("base")
                   ));
               break;
             default:
@@ -11876,21 +11888,21 @@ function acquireResource(resource) {
       }
       return resource;
     case "style":
-      root$185 = resource.instance;
-      if (!root$185)
+      root$186 = resource.instance;
+      if (!root$186)
         if (
           ((props = resource.root),
           (type = resource.precedence),
-          (root$185 = escapeSelectorAttributeValueInsideDoubleQuotes(
+          (root$186 = escapeSelectorAttributeValueInsideDoubleQuotes(
             resource.props.href
           )),
           (titles = props.querySelector(
-            'link[rel="stylesheet"][data-precedence][href="' + root$185 + '"]'
+            'link[rel="stylesheet"][data-precedence][href="' + root$186 + '"]'
           )))
         )
           if (
-            ((root$185 = resource.instance = titles),
-            (root$185[internalResourceMarker] = !0),
+            ((root$186 = resource.instance = titles),
+            (root$186[internalResourceMarker] = !0),
             (resource.preloaded = !0),
             (props = titles._p))
           )
@@ -11907,13 +11919,13 @@ function acquireResource(resource) {
             }
           else resource.loaded = !0;
         else {
-          root$185 = resource.instance = createResourceInstance(
+          root$186 = resource.instance = createResourceInstance(
             "link",
             resource.props,
             getDocumentFromRoot(props)
           );
-          attachLoadListeners(root$185, resource);
-          titles = root$185;
+          attachLoadListeners(root$186, resource);
+          titles = root$186;
           instance = props.querySelectorAll(
             'link[rel="stylesheet"][data-precedence]'
           );
@@ -11939,25 +11951,25 @@ function acquireResource(resource) {
           else throw Error(formatProdErrorMessage(447));
         }
       resource.count++;
-      return root$185;
+      return root$186;
     case "script":
       return (
         (props = resource.instance),
         props ||
-          ((root$185 = resource.root),
+          ((root$186 = resource.root),
           (props = escapeSelectorAttributeValueInsideDoubleQuotes(
             resource.props.src
           )),
-          (props = root$185.querySelector('script[async][src="' + props + '"]'))
+          (props = root$186.querySelector('script[async][src="' + props + '"]'))
             ? ((props = resource.instance = props),
               (props[internalResourceMarker] = !0))
             : ((props = resource.instance = createResourceInstance(
                 "script",
                 resource.props,
-                getDocumentFromRoot(root$185)
+                getDocumentFromRoot(root$186)
               )),
               insertResourceInstanceBefore(
-                getDocumentFromRoot(root$185),
+                getDocumentFromRoot(root$186),
                 props,
                 null
               ))),
@@ -12366,9 +12378,9 @@ function isHostResourceType(type, props, hostContext) {
     case "script":
       type = props.src;
       hostContext = props.onLoad;
-      var onError$193 = props.onError;
+      var onError$194 = props.onError;
       return (
-        props.async && "string" === typeof type && !hostContext && !onError$193
+        props.async && "string" === typeof type && !hostContext && !onError$194
       );
   }
   return !1;
@@ -13009,19 +13021,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$304;
+  var JSCompiler_inline_result$jscomp$305;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_1610 = "oninput" in document;
-    if (!isSupported$jscomp$inline_1610) {
-      var element$jscomp$inline_1611 = document.createElement("div");
-      element$jscomp$inline_1611.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_1610 =
-        "function" === typeof element$jscomp$inline_1611.oninput;
+    var isSupported$jscomp$inline_1613 = "oninput" in document;
+    if (!isSupported$jscomp$inline_1613) {
+      var element$jscomp$inline_1614 = document.createElement("div");
+      element$jscomp$inline_1614.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_1613 =
+        "function" === typeof element$jscomp$inline_1614.oninput;
     }
-    JSCompiler_inline_result$jscomp$304 = isSupported$jscomp$inline_1610;
-  } else JSCompiler_inline_result$jscomp$304 = !1;
+    JSCompiler_inline_result$jscomp$305 = isSupported$jscomp$inline_1613;
+  } else JSCompiler_inline_result$jscomp$305 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$304 &&
+    JSCompiler_inline_result$jscomp$305 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -13158,19 +13170,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_1623 = 0;
-  i$jscomp$inline_1623 < simpleEventPluginEvents.length;
-  i$jscomp$inline_1623++
+  var i$jscomp$inline_1626 = 0;
+  i$jscomp$inline_1626 < simpleEventPluginEvents.length;
+  i$jscomp$inline_1626++
 ) {
-  var eventName$jscomp$inline_1624 =
-      simpleEventPluginEvents[i$jscomp$inline_1623],
-    domEventName$jscomp$inline_1625 = eventName$jscomp$inline_1624.toLowerCase(),
-    capitalizedEvent$jscomp$inline_1626 =
-      eventName$jscomp$inline_1624[0].toUpperCase() +
-      eventName$jscomp$inline_1624.slice(1);
+  var eventName$jscomp$inline_1627 =
+      simpleEventPluginEvents[i$jscomp$inline_1626],
+    domEventName$jscomp$inline_1628 = eventName$jscomp$inline_1627.toLowerCase(),
+    capitalizedEvent$jscomp$inline_1629 =
+      eventName$jscomp$inline_1627[0].toUpperCase() +
+      eventName$jscomp$inline_1627.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_1625,
-    "on" + capitalizedEvent$jscomp$inline_1626
+    domEventName$jscomp$inline_1628,
+    "on" + capitalizedEvent$jscomp$inline_1629
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -14868,4 +14880,4 @@ exports.unstable_renderSubtreeIntoContainer = function(
   );
 };
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactDOMTesting-prod.modern.js b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
index 70c0bef728..1f12da85e8 100644
--- a/compiled/facebook-www/ReactDOMTesting-prod.modern.js
+++ b/compiled/facebook-www/ReactDOMTesting-prod.modern.js
@@ -2546,19 +2546,19 @@ function getTargetInstForChangeEvent(domEventName, targetInst) {
 }
 var isInputEventSupported = !1;
 if (canUseDOM) {
-  var JSCompiler_inline_result$jscomp$223;
+  var JSCompiler_inline_result$jscomp$224;
   if (canUseDOM) {
-    var isSupported$jscomp$inline_375 = "oninput" in document;
-    if (!isSupported$jscomp$inline_375) {
-      var element$jscomp$inline_376 = document.createElement("div");
-      element$jscomp$inline_376.setAttribute("oninput", "return;");
-      isSupported$jscomp$inline_375 =
-        "function" === typeof element$jscomp$inline_376.oninput;
+    var isSupported$jscomp$inline_376 = "oninput" in document;
+    if (!isSupported$jscomp$inline_376) {
+      var element$jscomp$inline_377 = document.createElement("div");
+      element$jscomp$inline_377.setAttribute("oninput", "return;");
+      isSupported$jscomp$inline_376 =
+        "function" === typeof element$jscomp$inline_377.oninput;
     }
-    JSCompiler_inline_result$jscomp$223 = isSupported$jscomp$inline_375;
-  } else JSCompiler_inline_result$jscomp$223 = !1;
+    JSCompiler_inline_result$jscomp$224 = isSupported$jscomp$inline_376;
+  } else JSCompiler_inline_result$jscomp$224 = !1;
   isInputEventSupported =
-    JSCompiler_inline_result$jscomp$223 &&
+    JSCompiler_inline_result$jscomp$224 &&
     (!document.documentMode || 9 < document.documentMode);
 }
 function stopWatchingForValueChange() {
@@ -2892,19 +2892,19 @@ function registerSimpleEvent(domEventName, reactName) {
   registerTwoPhaseEvent(reactName, [domEventName]);
 }
 for (
-  var i$jscomp$inline_416 = 0;
-  i$jscomp$inline_416 < simpleEventPluginEvents.length;
-  i$jscomp$inline_416++
+  var i$jscomp$inline_417 = 0;
+  i$jscomp$inline_417 < simpleEventPluginEvents.length;
+  i$jscomp$inline_417++
 ) {
-  var eventName$jscomp$inline_417 =
-      simpleEventPluginEvents[i$jscomp$inline_416],
-    domEventName$jscomp$inline_418 = eventName$jscomp$inline_417.toLowerCase(),
-    capitalizedEvent$jscomp$inline_419 =
-      eventName$jscomp$inline_417[0].toUpperCase() +
-      eventName$jscomp$inline_417.slice(1);
+  var eventName$jscomp$inline_418 =
+      simpleEventPluginEvents[i$jscomp$inline_417],
+    domEventName$jscomp$inline_419 = eventName$jscomp$inline_418.toLowerCase(),
+    capitalizedEvent$jscomp$inline_420 =
+      eventName$jscomp$inline_418[0].toUpperCase() +
+      eventName$jscomp$inline_418.slice(1);
   registerSimpleEvent(
-    domEventName$jscomp$inline_418,
-    "on" + capitalizedEvent$jscomp$inline_419
+    domEventName$jscomp$inline_419,
+    "on" + capitalizedEvent$jscomp$inline_420
   );
 }
 registerSimpleEvent(ANIMATION_END, "onAnimationEnd");
@@ -9843,7 +9843,7 @@ function safelyAttachRef(current, nearestMountedAncestor) {
       }
       21 === current.tag && (instanceToUse = instance);
       "function" === typeof ref
-        ? ref(instanceToUse)
+        ? (current.refCleanup = ref(instanceToUse))
         : (ref.current = instanceToUse);
     }
   } catch (error) {
@@ -9851,13 +9851,24 @@ function safelyAttachRef(current, nearestMountedAncestor) {
   }
 }
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$163) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$163);
       }
     else ref.current = null;
 }
@@ -10169,11 +10180,11 @@ function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
               current,
               finishedRoot.__reactInternalSnapshotBeforeUpdate
             );
-          } catch (error$164) {
+          } catch (error$165) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$164
+              error$165
             );
           }
         }
@@ -10651,8 +10662,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$176) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$176);
+        } catch (error$177) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$177);
         }
       }
       break;
@@ -10721,8 +10732,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         root = finishedWork.stateNode;
         try {
           setTextContent(root, "");
-        } catch (error$177) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$177);
+        } catch (error$178) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$178);
         }
       }
       if (
@@ -10788,8 +10799,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                       ));
           }
           flags[internalPropsKey] = root;
-        } catch (error$179) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$179);
+        } catch (error$180) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$180);
         }
       break;
     case 6:
@@ -10802,8 +10813,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         flags = finishedWork.memoizedProps;
         try {
           current.nodeValue = flags;
-        } catch (error$180) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$180);
+        } catch (error$181) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$181);
         }
       }
       break;
@@ -10813,8 +10824,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       if (flags & 4 && null !== current && current.memoizedState.isDehydrated)
         try {
           retryIfBlockedOn(root.containerInfo);
-        } catch (error$181) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$181);
+        } catch (error$182) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$182);
         }
       break;
     case 4:
@@ -10839,8 +10850,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
               null !== wakeables && suspenseCallback(new Set(wakeables));
             }
           }
-        } catch (error$182) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$182);
+        } catch (error$183) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$183);
         }
         current = finishedWork.updateQueue;
         null !== current &&
@@ -10918,11 +10929,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 propKey.stateNode.nodeValue = isCustomComponentTag
                   ? ""
                   : propKey.memoizedProps;
-              } catch (error$166) {
+              } catch (error$167) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$166
+                  error$167
                 );
               }
           } else if (
@@ -10998,21 +11009,21 @@ function commitReconciliationEffects(finishedWork) {
             insertOrAppendPlacementNode(finishedWork, before, parent$jscomp$0);
             break;
           case 5:
-            var parent$167 = JSCompiler_inline_result.stateNode;
+            var parent$168 = JSCompiler_inline_result.stateNode;
             JSCompiler_inline_result.flags & 16 &&
-              (setTextContent(parent$167, ""),
+              (setTextContent(parent$168, ""),
               (JSCompiler_inline_result.flags &= -17));
-            var before$168 = getHostSibling(finishedWork);
-            insertOrAppendPlacementNode(finishedWork, before$168, parent$167);
+            var before$169 = getHostSibling(finishedWork);
+            insertOrAppendPlacementNode(finishedWork, before$169, parent$168);
             break;
           case 3:
           case 4:
-            var parent$169 = JSCompiler_inline_result.stateNode.containerInfo,
-              before$170 = getHostSibling(finishedWork);
+            var parent$170 = JSCompiler_inline_result.stateNode.containerInfo,
+              before$171 = getHostSibling(finishedWork);
             insertOrAppendPlacementNodeIntoContainer(
               finishedWork,
-              before$170,
-              parent$169
+              before$171,
+              parent$170
             );
             break;
           default:
@@ -11952,16 +11963,16 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
         didTimeout = renderRootSync(root, lanes);
         if (2 === didTimeout) {
           errorRetryLanes = lanes;
-          var errorRetryLanes$194 = getLanesToRetrySynchronouslyOnError(
+          var errorRetryLanes$195 = getLanesToRetrySynchronouslyOnError(
             root,
             errorRetryLanes
           );
-          0 !== errorRetryLanes$194 &&
-            ((lanes = errorRetryLanes$194),
+          0 !== errorRetryLanes$195 &&
+            ((lanes = errorRetryLanes$195),
             (didTimeout = recoverFromConcurrentError(
               root,
               errorRetryLanes,
-              errorRetryLanes$194
+              errorRetryLanes$195
             )));
         }
         if (1 === didTimeout)
@@ -12021,11 +12032,11 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
           if ((lanes & 8388480) === lanes) break;
           didTimeout = root.eventTimes;
           for (originallyAttemptedLanes = -1; 0 < lanes; )
-            (errorRetryLanes$194 = 31 - clz32(lanes)),
-              (errorRetryLanes = 1 << errorRetryLanes$194),
-              (errorRetryLanes$194 = didTimeout[errorRetryLanes$194]),
-              errorRetryLanes$194 > originallyAttemptedLanes &&
-                (originallyAttemptedLanes = errorRetryLanes$194),
+            (errorRetryLanes$195 = 31 - clz32(lanes)),
+              (errorRetryLanes = 1 << errorRetryLanes$195),
+              (errorRetryLanes$195 = didTimeout[errorRetryLanes$195]),
+              errorRetryLanes$195 > originallyAttemptedLanes &&
+                (originallyAttemptedLanes = errorRetryLanes$195),
               (lanes &= ~errorRetryLanes);
           lanes = originallyAttemptedLanes;
           lanes = now() - lanes;
@@ -12360,8 +12371,8 @@ function renderRootSync(root, lanes) {
       }
       workLoopSync();
       break;
-    } catch (thrownValue$197) {
-      handleThrow(root, thrownValue$197);
+    } catch (thrownValue$198) {
+      handleThrow(root, thrownValue$198);
     }
   while (1);
   resetContextDependencies();
@@ -12438,8 +12449,8 @@ function renderRootConcurrent(root, lanes) {
       }
       workLoopConcurrent();
       break;
-    } catch (thrownValue$199) {
-      handleThrow(root, thrownValue$199);
+    } catch (thrownValue$200) {
+      handleThrow(root, thrownValue$200);
     }
   while (1);
   resetContextDependencies();
@@ -12752,12 +12763,12 @@ function commitRootImpl(
     var prevExecutionContext = executionContext;
     executionContext |= 4;
     ReactCurrentOwner$2.current = null;
-    var shouldFireAfterActiveInstanceBlur$202 = commitBeforeMutationEffects(
+    var shouldFireAfterActiveInstanceBlur$203 = commitBeforeMutationEffects(
       root,
       finishedWork
     );
     commitMutationEffectsOnFiber(finishedWork, root);
-    shouldFireAfterActiveInstanceBlur$202 &&
+    shouldFireAfterActiveInstanceBlur$203 &&
       ((_enabled = !0),
       dispatchAfterDetachedBlur(selectionInformation.focusedElem),
       (_enabled = !1));
@@ -12817,7 +12828,7 @@ function releaseRootPooledCache(root, remainingLanes) {
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
-    var root$203 = rootWithPendingPassiveEffects,
+    var root$204 = rootWithPendingPassiveEffects,
       remainingLanes = pendingPassiveEffectsRemainingLanes;
     pendingPassiveEffectsRemainingLanes = 0;
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
@@ -12857,7 +12868,7 @@ function flushPassiveEffects() {
     } finally {
       (currentUpdatePriority = previousPriority),
         (ReactCurrentBatchConfig$3.transition = renderPriority),
-        releaseRootPooledCache(root$203, remainingLanes);
+        releaseRootPooledCache(root$204, remainingLanes);
     }
   }
   return !1;
@@ -13475,7 +13486,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.key = key;
   this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
   this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
   this.mode = mode;
@@ -13535,6 +13546,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   return workInProgress;
 }
 function resetWorkInProgress(workInProgress, renderLanes) {
@@ -13892,12 +13904,12 @@ function registerReactDOMEvent(target, domEventName, isCapturePhaseListener) {
 _attemptSynchronousHydration = function(fiber) {
   switch (fiber.tag) {
     case 3:
-      var root$205 = fiber.stateNode;
-      if (root$205.current.memoizedState.isDehydrated) {
-        var lanes = getHighestPriorityLanes(root$205.pendingLanes);
+      var root$206 = fiber.stateNode;
+      if (root$206.current.memoizedState.isDehydrated) {
+        var lanes = getHighestPriorityLanes(root$206.pendingLanes);
         0 !== lanes &&
-          (markRootEntangled(root$205, lanes | 2),
-          ensureRootIsScheduled(root$205, now()),
+          (markRootEntangled(root$206, lanes | 2),
+          ensureRootIsScheduled(root$206, now()),
           0 === (executionContext & 6) &&
             (resetRenderTimer(), flushSyncCallbacks()));
       }
@@ -13977,17 +13989,17 @@ Internals.Events = [
   restoreStateIfNeeded,
   batchedUpdates$1
 ];
-var devToolsConfig$jscomp$inline_1666 = {
+var devToolsConfig$jscomp$inline_1669 = {
   findFiberByHostInstance: getClosestInstanceFromNode,
   bundleType: 0,
-  version: "18.3.0-www-modern-edbfc6399-20221128",
+  version: "18.3.0-www-modern-e98225485-20221129",
   rendererPackageName: "react-dom"
 };
-var internals$jscomp$inline_2076 = {
-  bundleType: devToolsConfig$jscomp$inline_1666.bundleType,
-  version: devToolsConfig$jscomp$inline_1666.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1666.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1666.rendererConfig,
+var internals$jscomp$inline_2079 = {
+  bundleType: devToolsConfig$jscomp$inline_1669.bundleType,
+  version: devToolsConfig$jscomp$inline_1669.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1669.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1669.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -14004,26 +14016,26 @@ var internals$jscomp$inline_2076 = {
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1666.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1669.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.3.0-next-edbfc6399-20221128"
+  reconcilerVersion: "18.3.0-next-e98225485-20221129"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_2077 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_2080 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_2077.isDisabled &&
-    hook$jscomp$inline_2077.supportsFiber
+    !hook$jscomp$inline_2080.isDisabled &&
+    hook$jscomp$inline_2080.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_2077.inject(
-        internals$jscomp$inline_2076
+      (rendererID = hook$jscomp$inline_2080.inject(
+        internals$jscomp$inline_2079
       )),
-        (injectedHook = hook$jscomp$inline_2077);
+        (injectedHook = hook$jscomp$inline_2080);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
@@ -14335,4 +14347,4 @@ exports.unstable_flushControlled = function(fn) {
 };
 exports.unstable_isNewReconciler = !1;
 exports.unstable_runWithPriority = runWithPriority;
-exports.version = "18.3.0-next-edbfc6399-20221128";
+exports.version = "18.3.0-next-e98225485-20221129";
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.classic.js b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
index 74fad7d68b..6ce22bf861 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.classic.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.classic.js
@@ -16397,9 +16397,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -17330,27 +17354,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -23137,6 +23149,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -23308,6 +23321,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -23830,7 +23844,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-classic-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-classic-e98225485-20221129";
 
 var didWarnAboutNestedUpdates;
 
diff --git a/compiled/facebook-www/ReactTestRenderer-dev.modern.js b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
index bf46b3b2f8..45e86f952b 100644
--- a/compiled/facebook-www/ReactTestRenderer-dev.modern.js
+++ b/compiled/facebook-www/ReactTestRenderer-dev.modern.js
@@ -16397,9 +16397,33 @@ function safelyAttachRef(current, nearestMountedAncestor) {
 
 function safelyDetachRef(current, nearestMountedAncestor) {
   var ref = current.ref;
+  var refCleanup = current.refCleanup;
 
   if (ref !== null) {
-    if (typeof ref === "function") {
+    if (typeof refCleanup === "function") {
+      try {
+        if (shouldProfile(current)) {
+          try {
+            startLayoutEffectTimer();
+            refCleanup();
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        } else {
+          refCleanup();
+        }
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+        current.refCleanup = null;
+        var finishedWork = current.alternate;
+
+        if (finishedWork != null) {
+          finishedWork.refCleanup = null;
+        }
+      }
+    } else if (typeof ref === "function") {
       var retVal;
 
       try {
@@ -17330,27 +17354,15 @@ function commitAttachRef(finishedWork) {
     }
 
     if (typeof ref === "function") {
-      var retVal;
-
       if (shouldProfile(finishedWork)) {
         try {
           startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
+          finishedWork.refCleanup = ref(instanceToUse);
         } finally {
           recordLayoutEffectDuration(finishedWork);
         }
       } else {
-        retVal = ref(instanceToUse);
-      }
-
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        finishedWork.refCleanup = ref(instanceToUse);
       }
     } else {
       {
@@ -23137,6 +23149,7 @@ function FiberNode(tag, pendingProps, key, mode) {
   this.sibling = null;
   this.index = 0;
   this.ref = null;
+  this.refCleanup = null;
   this.pendingProps = pendingProps;
   this.memoizedProps = null;
   this.updateQueue = null;
@@ -23308,6 +23321,7 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
 
   {
     workInProgress.selfBaseDuration = current.selfBaseDuration;
@@ -23830,7 +23844,7 @@ function createFiberRoot(
   return root;
 }
 
-var ReactVersion = "18.3.0-www-modern-edbfc6399-20221128";
+var ReactVersion = "18.3.0-www-modern-e98225485-20221129";
 
 var didWarnAboutNestedUpdates;