react-markup 0.0.0-experimental-4dff0e62-20241213 → 0.0.0-experimental-d4287258-20241217

package/cjs/react-markup.development.js

@@ -2317,7 +2317,7 @@
                 : children$jscomp$6;
             Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
               ? console.error(
-                  "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
+                  "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
                   children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
@@ -4179,7 +4179,7 @@
       if ("string" === typeof type) return describeBuiltInComponentFrame(type);
       if ("function" === typeof type)
         return type.prototype && type.prototype.isReactComponent
-          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          ? describeNativeComponentFrame(type, !0)
           : describeNativeComponentFrame(type, !1);
       if ("object" === typeof type && null !== type) {
         switch (type.$$typeof) {
@@ -5245,7 +5245,6 @@
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
-          case REACT_DEBUG_TRACING_MODE_TYPE:
           case REACT_STRICT_MODE_TYPE:
           case REACT_PROFILER_TYPE:
           case REACT_FRAGMENT_TYPE:
@@ -7635,7 +7634,6 @@
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-      REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
       REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
@@ -8503,29 +8501,29 @@
           return treeId + ":";
         },
         useSyncExternalStore: clientHookNotSupported,
-        useCacheRefresh: function () {
-          return unsupportedRefresh;
+        useOptimistic: function (passthrough) {
+          resolveCurrentlyRenderingComponent();
+          return [passthrough, unsupportedSetOptimisticState];
         },
-        useEffectEvent: function () {
-          return throwOnUseEffectEventCall;
+        useActionState: useActionState,
+        useFormState: useActionState,
+        useHostTransitionStatus: function () {
+          resolveCurrentlyRenderingComponent();
+          return NotPending;
         },
         useMemoCache: function (size) {
           for (var data = Array(size), i = 0; i < size; i++)
             data[i] = REACT_MEMO_CACHE_SENTINEL;
           return data;
         },
-        useHostTransitionStatus: function () {
-          resolveCurrentlyRenderingComponent();
-          return NotPending;
+        useCacheRefresh: function () {
+          return unsupportedRefresh;
         },
-        useOptimistic: function (passthrough) {
-          resolveCurrentlyRenderingComponent();
-          return [passthrough, unsupportedSetOptimisticState];
+        useEffectEvent: function () {
+          return throwOnUseEffectEventCall;
         }
-      };
-    HooksDispatcher.useFormState = useActionState;
-    HooksDispatcher.useActionState = useActionState;
-    var currentResumableState = null,
+      },
+      currentResumableState = null,
       currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
@@ -8635,5 +8633,5 @@
         });
       });
     };
-    exports.version = "19.1.0-experimental-4dff0e62-20241213";
+    exports.version = "19.1.0-experimental-d4287258-20241217";
   })();

package/cjs/react-markup.production.js

@@ -48,7 +48,6 @@ var React = require("react"),
   REACT_MEMO_TYPE = Symbol.for("react.memo"),
   REACT_LAZY_TYPE = Symbol.for("react.lazy"),
   REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
   REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
   REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
   REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
@@ -2926,80 +2925,81 @@ function clientHookNotSupported() {
   );
 }
 var HooksDispatcher = {
-  readContext: function (context) {
-    return context._currentValue2;
-  },
-  use: function (usable) {
-    if (null !== usable && "object" === typeof usable) {
-      if ("function" === typeof usable.then) return unwrapThenable(usable);
-      if (usable.$$typeof === REACT_CONTEXT_TYPE) return usable._currentValue2;
+    readContext: function (context) {
+      return context._currentValue2;
+    },
+    use: function (usable) {
+      if (null !== usable && "object" === typeof usable) {
+        if ("function" === typeof usable.then) return unwrapThenable(usable);
+        if (usable.$$typeof === REACT_CONTEXT_TYPE)
+          return usable._currentValue2;
+      }
+      throw Error("An unsupported type was passed to use(): " + String(usable));
+    },
+    useContext: function (context) {
+      resolveCurrentlyRenderingComponent();
+      return context._currentValue2;
+    },
+    useMemo: useMemo,
+    useReducer: clientHookNotSupported,
+    useRef: clientHookNotSupported,
+    useState: clientHookNotSupported,
+    useInsertionEffect: clientHookNotSupported,
+    useLayoutEffect: clientHookNotSupported,
+    useCallback: function (callback, deps) {
+      return useMemo(function () {
+        return callback;
+      }, deps);
+    },
+    useImperativeHandle: clientHookNotSupported,
+    useEffect: clientHookNotSupported,
+    useDebugValue: function () {},
+    useDeferredValue: clientHookNotSupported,
+    useTransition: clientHookNotSupported,
+    useId: function () {
+      var JSCompiler_inline_result = currentlyRenderingTask.treeContext;
+      var overflow = JSCompiler_inline_result.overflow;
+      JSCompiler_inline_result = JSCompiler_inline_result.id;
+      JSCompiler_inline_result =
+        (
+          JSCompiler_inline_result &
+          ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
+        ).toString(32) + overflow;
+      var resumableState = currentResumableState;
+      if (null === resumableState)
+        throw Error(
+          "Invalid hook call. Hooks can only be called inside of the body of a function component."
+        );
+      overflow = localIdCounter++;
+      JSCompiler_inline_result =
+        ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
+      0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
+      return JSCompiler_inline_result + ":";
+    },
+    useSyncExternalStore: clientHookNotSupported,
+    useOptimistic: function (passthrough) {
+      resolveCurrentlyRenderingComponent();
+      return [passthrough, unsupportedSetOptimisticState];
+    },
+    useActionState: useActionState,
+    useFormState: useActionState,
+    useHostTransitionStatus: function () {
+      resolveCurrentlyRenderingComponent();
+      return sharedNotPendingObject;
+    },
+    useMemoCache: function (size) {
+      for (var data = Array(size), i = 0; i < size; i++)
+        data[i] = REACT_MEMO_CACHE_SENTINEL;
+      return data;
+    },
+    useCacheRefresh: function () {
+      return unsupportedRefresh;
+    },
+    useEffectEvent: function () {
+      return throwOnUseEffectEventCall;
     }
-    throw Error("An unsupported type was passed to use(): " + String(usable));
-  },
-  useContext: function (context) {
-    resolveCurrentlyRenderingComponent();
-    return context._currentValue2;
-  },
-  useMemo: useMemo,
-  useReducer: clientHookNotSupported,
-  useRef: clientHookNotSupported,
-  useState: clientHookNotSupported,
-  useInsertionEffect: clientHookNotSupported,
-  useLayoutEffect: clientHookNotSupported,
-  useCallback: function (callback, deps) {
-    return useMemo(function () {
-      return callback;
-    }, deps);
-  },
-  useImperativeHandle: clientHookNotSupported,
-  useEffect: clientHookNotSupported,
-  useDebugValue: function () {},
-  useDeferredValue: clientHookNotSupported,
-  useTransition: clientHookNotSupported,
-  useId: function () {
-    var JSCompiler_inline_result = currentlyRenderingTask.treeContext;
-    var overflow = JSCompiler_inline_result.overflow;
-    JSCompiler_inline_result = JSCompiler_inline_result.id;
-    JSCompiler_inline_result =
-      (
-        JSCompiler_inline_result &
-        ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
-      ).toString(32) + overflow;
-    var resumableState = currentResumableState;
-    if (null === resumableState)
-      throw Error(
-        "Invalid hook call. Hooks can only be called inside of the body of a function component."
-      );
-    overflow = localIdCounter++;
-    JSCompiler_inline_result =
-      ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
-    0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
-    return JSCompiler_inline_result + ":";
   },
-  useSyncExternalStore: clientHookNotSupported,
-  useCacheRefresh: function () {
-    return unsupportedRefresh;
-  },
-  useEffectEvent: function () {
-    return throwOnUseEffectEventCall;
-  },
-  useMemoCache: function (size) {
-    for (var data = Array(size), i = 0; i < size; i++)
-      data[i] = REACT_MEMO_CACHE_SENTINEL;
-    return data;
-  },
-  useHostTransitionStatus: function () {
-    resolveCurrentlyRenderingComponent();
-    return sharedNotPendingObject;
-  },
-  useOptimistic: function (passthrough) {
-    resolveCurrentlyRenderingComponent();
-    return [passthrough, unsupportedSetOptimisticState];
-  }
-};
-HooksDispatcher.useFormState = useActionState;
-HooksDispatcher.useActionState = useActionState;
-var currentResumableState = null,
+  currentResumableState = null,
   DefaultAsyncDispatcher = {
     getCacheForType: function () {
       throw Error("Not implemented.");
@@ -3166,7 +3166,7 @@ function describeComponentStackByType(type) {
   if ("string" === typeof type) return describeBuiltInComponentFrame(type);
   if ("function" === typeof type)
     return type.prototype && type.prototype.isReactComponent
-      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      ? describeNativeComponentFrame(type, !0)
       : describeNativeComponentFrame(type, !1);
   if ("object" === typeof type && null !== type) {
     switch (type.$$typeof) {
@@ -3758,7 +3758,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
   else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
-      case REACT_DEBUG_TRACING_MODE_TYPE:
       case REACT_STRICT_MODE_TYPE:
       case REACT_PROFILER_TYPE:
       case REACT_FRAGMENT_TYPE:
@@ -5710,4 +5709,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.1.0-experimental-4dff0e62-20241213";
+exports.version = "19.1.0-experimental-d4287258-20241217";

package/cjs/react-markup.react-server.development.js

@@ -3614,7 +3614,15 @@
       response._chunks.forEach(function (chunk) {
         "pending" === chunk.status && triggerErrorOnChunk(chunk, error);
       });
-      flushComponentPerformance(getChunk(response, 0));
+      supportsUserTiming &&
+        performance.mark("Server Components Track", componentsTrackMarker);
+      flushComponentPerformance(
+        response,
+        getChunk(response, 0),
+        0,
+        -Infinity,
+        -Infinity
+      );
     }
     function nullRefGetter() {
       return null;
@@ -4471,49 +4479,133 @@
         );
       }
     }
-    function flushComponentPerformance(root) {
-      if (!isArrayImpl(root._children)) return root._children.endTime;
+    function flushComponentPerformance(
+      response,
+      root,
+      trackIdx$jscomp$0,
+      trackTime,
+      parentEndTime
+    ) {
+      if (!isArrayImpl(root._children)) {
+        response = root._children;
+        var previousEndTime = response.endTime;
+        if (
+          -Infinity < parentEndTime &&
+          parentEndTime < previousEndTime &&
+          null !== response.component
+        ) {
+          var trackIdx = trackIdx$jscomp$0;
+          root = parentEndTime;
+          supportsUserTiming &&
+            0 <= previousEndTime &&
+            10 > trackIdx &&
+            ((parentEndTime = response.component.name),
+            (reusableComponentDevToolDetails.color = "tertiary-light"),
+            (reusableComponentDevToolDetails.track = trackNames[trackIdx]),
+            (reusableComponentOptions.start = 0 > root ? 0 : root),
+            (reusableComponentOptions.end = previousEndTime),
+            performance.measure(
+              parentEndTime + " [deduped]",
+              reusableComponentOptions
+            ));
+        }
+        response.track = trackIdx$jscomp$0;
+        return response;
+      }
       var children = root._children;
       "resolved_model" === root.status && initializeModelChunk(root);
-      var result = { endTime: -Infinity };
-      root._children = result;
-      for (var childrenEndTime = -Infinity, i = 0; i < children.length; i++) {
-        var childEndTime = flushComponentPerformance(children[i]);
-        childEndTime > childrenEndTime && (childrenEndTime = childEndTime);
-      }
-      if ((root = root._debugInfo))
-        for (children = 0, i = root.length - 1; 0 <= i; i--)
+      if ((previousEndTime = root._debugInfo)) {
+        for (trackIdx = 1; trackIdx < previousEndTime.length; trackIdx++)
+          if ("string" === typeof previousEndTime[trackIdx].name) {
+            var startTimeInfo = previousEndTime[trackIdx - 1];
+            if ("number" === typeof startTimeInfo.time) {
+              trackIdx = startTimeInfo.time;
+              trackIdx < trackTime && trackIdx$jscomp$0++;
+              trackTime = trackIdx;
+              break;
+            }
+          }
+        for (trackIdx = previousEndTime.length - 1; 0 <= trackIdx; trackIdx--)
+          (startTimeInfo = previousEndTime[trackIdx]),
+            "number" === typeof startTimeInfo.time &&
+              startTimeInfo.time > parentEndTime &&
+              (parentEndTime = startTimeInfo.time);
+      }
+      trackIdx = {
+        track: trackIdx$jscomp$0,
+        endTime: -Infinity,
+        component: null
+      };
+      root._children = trackIdx;
+      root = -Infinity;
+      startTimeInfo = trackIdx$jscomp$0;
+      var childTrackTime = trackTime;
+      for (trackTime = 0; trackTime < children.length; trackTime++) {
+        childTrackTime = flushComponentPerformance(
+          response,
+          children[trackTime],
+          startTimeInfo,
+          childTrackTime,
+          parentEndTime
+        );
+        null !== childTrackTime.component &&
+          (trackIdx.component = childTrackTime.component);
+        startTimeInfo = childTrackTime.track;
+        var childEndTime = childTrackTime.endTime;
+        childTrackTime = childEndTime;
+        childEndTime > root && (root = childEndTime);
+      }
+      if (previousEndTime)
+        for (
+          parentEndTime = 0, children = previousEndTime.length - 1;
+          0 <= children;
+          children--
+        )
           if (
-            ((childEndTime = root[i]),
-            "number" === typeof childEndTime.time &&
-              ((children = childEndTime.time),
-              children > childrenEndTime && (childrenEndTime = children)),
-            "string" === typeof childEndTime.name && 0 < i)
+            ((trackTime = previousEndTime[children]),
+            "number" === typeof trackTime.time &&
+              ((parentEndTime = trackTime.time),
+              parentEndTime > root && (root = parentEndTime)),
+            "string" === typeof trackTime.name &&
+              0 < children &&
+              ((childTrackTime = previousEndTime[children - 1]),
+              "number" === typeof childTrackTime.time))
           ) {
-            var componentInfo = childEndTime;
-            childEndTime = root[i - 1];
-            if ("number" === typeof childEndTime.time) {
-              childEndTime = childEndTime.time;
-              var childrenEndTime$jscomp$0 = childrenEndTime;
-              if (supportsUserTiming && 0 <= childrenEndTime$jscomp$0) {
-                componentInfo = componentInfo.name;
-                var selfTime = children - childEndTime;
-                reusableComponentDevToolDetails.color =
-                  0.5 > selfTime
+            startTimeInfo = trackIdx$jscomp$0;
+            childTrackTime = childTrackTime.time;
+            childEndTime = root;
+            if (supportsUserTiming && 0 <= childEndTime && 10 > startTimeInfo) {
+              var env = trackTime.env,
+                name = trackTime.name,
+                isPrimaryEnv = env === response._rootEnvironmentName,
+                selfTime = parentEndTime - childTrackTime;
+              reusableComponentDevToolDetails.color =
+                0.5 > selfTime
+                  ? isPrimaryEnv
                     ? "primary-light"
-                    : 50 > selfTime
+                    : "secondary-light"
+                  : 50 > selfTime
+                    ? isPrimaryEnv
                       ? "primary"
-                      : 500 > selfTime
+                      : "secondary"
+                    : 500 > selfTime
+                      ? isPrimaryEnv
                         ? "primary-dark"
-                        : "error";
-                reusableComponentOptions.start =
-                  0 > childEndTime ? 0 : childEndTime;
-                reusableComponentOptions.end = childrenEndTime$jscomp$0;
-                performance.measure(componentInfo, reusableComponentOptions);
-              }
+                        : "secondary-dark"
+                      : "error";
+              reusableComponentDevToolDetails.track = trackNames[startTimeInfo];
+              reusableComponentOptions.start =
+                0 > childTrackTime ? 0 : childTrackTime;
+              reusableComponentOptions.end = childEndTime;
+              performance.measure(
+                isPrimaryEnv || void 0 === env ? name : name + " [" + env + "]",
+                reusableComponentOptions
+              );
             }
+            trackIdx.component = trackTime;
           }
-      return (result.endTime = childrenEndTime);
+      trackIdx.endTime = root;
+      return trackIdx;
     }
     function processFullStringRow(response, id, tag, row) {
       switch (tag) {
@@ -6738,7 +6830,7 @@
                 : children$jscomp$6;
             Array.isArray(children$jscomp$6) && 1 < children$jscomp$6.length
               ? console.error(
-                  "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be commong to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
+                  "React expects the `children` prop of <title> tags to be a string, number, bigint, or object with a novel `toString` method but found an Array with length %s instead. Browsers treat all child Nodes of <title> tags as Text content and React expects to be able to convert `children` of <title> tags to a single string value which is why Arrays of length greater than 1 are not supported. When using JSX it can be common to combine text nodes and value nodes. For example: <title>hello {nameOfUser}</title>. While not immediately apparent, `children` in this case is an Array with length 2. If your `children` prop is using this form try rewriting it using a template string: <title>{`hello ${nameOfUser}`}</title>.",
                   children$jscomp$6.length
                 )
               : "function" === typeof child || "symbol" === typeof child
@@ -8298,7 +8390,7 @@
       if ("string" === typeof type) return describeBuiltInComponentFrame(type);
       if ("function" === typeof type)
         return type.prototype && type.prototype.isReactComponent
-          ? ((type = describeNativeComponentFrame(type, !0)), type)
+          ? describeNativeComponentFrame(type, !0)
           : describeNativeComponentFrame(type, !1);
       if ("object" === typeof type && null !== type) {
         switch (type.$$typeof) {
@@ -9350,7 +9442,6 @@
       } else {
         switch (type) {
           case REACT_LEGACY_HIDDEN_TYPE:
-          case REACT_DEBUG_TRACING_MODE_TYPE:
           case REACT_STRICT_MODE_TYPE:
           case REACT_PROFILER_TYPE:
           case REACT_FRAGMENT_TYPE:
@@ -11764,7 +11855,6 @@
       REACT_MEMO_TYPE = Symbol.for("react.memo"),
       REACT_LAZY_TYPE = Symbol.for("react.lazy"),
       REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-      REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
       REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
       REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
       REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
@@ -11810,6 +11900,10 @@
             ":"
           );
         },
+        useHostTransitionStatus: unsupportedHook,
+        useOptimistic: unsupportedHook,
+        useFormState: unsupportedHook,
+        useActionState: unsupportedHook,
         useSyncExternalStore: unsupportedHook,
         useCacheRefresh: function () {
           return unsupportedRefresh$1;
@@ -11960,15 +12054,30 @@
       supportsUserTiming =
         "undefined" !== typeof performance &&
         "function" === typeof performance.measure,
+      componentsTrackMarker = {
+        startTime: 0.001,
+        detail: {
+          devtools: {
+            color: "primary-light",
+            track: "Primary",
+            trackGroup: "Server Components \u269b"
+          }
+        }
+      },
       reusableComponentDevToolDetails = {
         color: "primary",
-        track: "Server Components \u269b"
+        track: "",
+        trackGroup: "Server Components \u269b"
       },
       reusableComponentOptions = {
         start: -0,
         end: -0,
         detail: { devtools: reusableComponentDevToolDetails }
       },
+      trackNames =
+        "Primary Parallel Parallel\u200b Parallel\u200b\u200b Parallel\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b Parallel\u200b\u200b\u200b\u200b\u200b\u200b\u200b\u200b".split(
+          " "
+        ),
       REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"),
       ReactSharedInteralsServer =
         React.__SERVER_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,
@@ -12914,29 +13023,29 @@
           return treeId + ":";
         },
         useSyncExternalStore: clientHookNotSupported,
-        useCacheRefresh: function () {
-          return unsupportedRefresh;
+        useOptimistic: function (passthrough) {
+          resolveCurrentlyRenderingComponent();
+          return [passthrough, unsupportedSetOptimisticState];
         },
-        useEffectEvent: function () {
-          return throwOnUseEffectEventCall;
+        useActionState: useActionState,
+        useFormState: useActionState,
+        useHostTransitionStatus: function () {
+          resolveCurrentlyRenderingComponent();
+          return NotPending;
         },
         useMemoCache: function (size) {
           for (var data = Array(size), i = 0; i < size; i++)
             data[i] = REACT_MEMO_CACHE_SENTINEL;
           return data;
         },
-        useHostTransitionStatus: function () {
-          resolveCurrentlyRenderingComponent();
-          return NotPending;
+        useCacheRefresh: function () {
+          return unsupportedRefresh;
         },
-        useOptimistic: function (passthrough) {
-          resolveCurrentlyRenderingComponent();
-          return [passthrough, unsupportedSetOptimisticState];
+        useEffectEvent: function () {
+          return throwOnUseEffectEventCall;
         }
-      };
-    HooksDispatcher.useFormState = useActionState;
-    HooksDispatcher.useActionState = useActionState;
-    var currentResumableState = null,
+      },
+      currentResumableState = null,
       currentTaskInDEV = null,
       DefaultAsyncDispatcher = {
         getCacheForType: function () {
@@ -13187,5 +13296,5 @@
         });
       });
     };
-    exports.version = "19.1.0-experimental-4dff0e62-20241213";
+    exports.version = "19.1.0-experimental-d4287258-20241217";
   })();

package/cjs/react-markup.react-server.production.js

@@ -118,7 +118,6 @@ var CLIENT_REFERENCE_TAG$1 = Symbol.for("react.client.reference"),
   REACT_MEMO_TYPE = Symbol.for("react.memo"),
   REACT_LAZY_TYPE = Symbol.for("react.lazy"),
   REACT_SCOPE_TYPE = Symbol.for("react.scope"),
-  REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode"),
   REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen"),
   REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden"),
   REACT_MEMO_CACHE_SENTINEL = Symbol.for("react.memo_cache_sentinel"),
@@ -215,6 +214,10 @@ var HooksDispatcher$1 = {
   useImperativeHandle: unsupportedHook,
   useEffect: unsupportedHook,
   useId: useId$1,
+  useHostTransitionStatus: unsupportedHook,
+  useOptimistic: unsupportedHook,
+  useFormState: unsupportedHook,
+  useActionState: unsupportedHook,
   useSyncExternalStore: unsupportedHook,
   useCacheRefresh: function () {
     return unsupportedRefresh$1;
@@ -5755,80 +5758,81 @@ function clientHookNotSupported() {
   );
 }
 var HooksDispatcher = {
-  readContext: function (context) {
-    return context._currentValue2;
-  },
-  use: function (usable) {
-    if (null !== usable && "object" === typeof usable) {
-      if ("function" === typeof usable.then) return unwrapThenable(usable);
-      if (usable.$$typeof === REACT_CONTEXT_TYPE) return usable._currentValue2;
+    readContext: function (context) {
+      return context._currentValue2;
+    },
+    use: function (usable) {
+      if (null !== usable && "object" === typeof usable) {
+        if ("function" === typeof usable.then) return unwrapThenable(usable);
+        if (usable.$$typeof === REACT_CONTEXT_TYPE)
+          return usable._currentValue2;
+      }
+      throw Error("An unsupported type was passed to use(): " + String(usable));
+    },
+    useContext: function (context) {
+      resolveCurrentlyRenderingComponent();
+      return context._currentValue2;
+    },
+    useMemo: useMemo,
+    useReducer: clientHookNotSupported,
+    useRef: clientHookNotSupported,
+    useState: clientHookNotSupported,
+    useInsertionEffect: clientHookNotSupported,
+    useLayoutEffect: clientHookNotSupported,
+    useCallback: function (callback, deps) {
+      return useMemo(function () {
+        return callback;
+      }, deps);
+    },
+    useImperativeHandle: clientHookNotSupported,
+    useEffect: clientHookNotSupported,
+    useDebugValue: function () {},
+    useDeferredValue: clientHookNotSupported,
+    useTransition: clientHookNotSupported,
+    useId: function () {
+      var JSCompiler_inline_result = currentlyRenderingTask.treeContext;
+      var overflow = JSCompiler_inline_result.overflow;
+      JSCompiler_inline_result = JSCompiler_inline_result.id;
+      JSCompiler_inline_result =
+        (
+          JSCompiler_inline_result &
+          ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
+        ).toString(32) + overflow;
+      var resumableState = currentResumableState;
+      if (null === resumableState)
+        throw Error(
+          "Invalid hook call. Hooks can only be called inside of the body of a function component."
+        );
+      overflow = localIdCounter++;
+      JSCompiler_inline_result =
+        ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
+      0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
+      return JSCompiler_inline_result + ":";
+    },
+    useSyncExternalStore: clientHookNotSupported,
+    useOptimistic: function (passthrough) {
+      resolveCurrentlyRenderingComponent();
+      return [passthrough, unsupportedSetOptimisticState];
+    },
+    useActionState: useActionState,
+    useFormState: useActionState,
+    useHostTransitionStatus: function () {
+      resolveCurrentlyRenderingComponent();
+      return sharedNotPendingObject;
+    },
+    useMemoCache: function (size) {
+      for (var data = Array(size), i = 0; i < size; i++)
+        data[i] = REACT_MEMO_CACHE_SENTINEL;
+      return data;
+    },
+    useCacheRefresh: function () {
+      return unsupportedRefresh;
+    },
+    useEffectEvent: function () {
+      return throwOnUseEffectEventCall;
     }
-    throw Error("An unsupported type was passed to use(): " + String(usable));
-  },
-  useContext: function (context) {
-    resolveCurrentlyRenderingComponent();
-    return context._currentValue2;
-  },
-  useMemo: useMemo,
-  useReducer: clientHookNotSupported,
-  useRef: clientHookNotSupported,
-  useState: clientHookNotSupported,
-  useInsertionEffect: clientHookNotSupported,
-  useLayoutEffect: clientHookNotSupported,
-  useCallback: function (callback, deps) {
-    return useMemo(function () {
-      return callback;
-    }, deps);
   },
-  useImperativeHandle: clientHookNotSupported,
-  useEffect: clientHookNotSupported,
-  useDebugValue: function () {},
-  useDeferredValue: clientHookNotSupported,
-  useTransition: clientHookNotSupported,
-  useId: function () {
-    var JSCompiler_inline_result = currentlyRenderingTask.treeContext;
-    var overflow = JSCompiler_inline_result.overflow;
-    JSCompiler_inline_result = JSCompiler_inline_result.id;
-    JSCompiler_inline_result =
-      (
-        JSCompiler_inline_result &
-        ~(1 << (32 - clz32(JSCompiler_inline_result) - 1))
-      ).toString(32) + overflow;
-    var resumableState = currentResumableState;
-    if (null === resumableState)
-      throw Error(
-        "Invalid hook call. Hooks can only be called inside of the body of a function component."
-      );
-    overflow = localIdCounter++;
-    JSCompiler_inline_result =
-      ":" + resumableState.idPrefix + "R" + JSCompiler_inline_result;
-    0 < overflow && (JSCompiler_inline_result += "H" + overflow.toString(32));
-    return JSCompiler_inline_result + ":";
-  },
-  useSyncExternalStore: clientHookNotSupported,
-  useCacheRefresh: function () {
-    return unsupportedRefresh;
-  },
-  useEffectEvent: function () {
-    return throwOnUseEffectEventCall;
-  },
-  useMemoCache: function (size) {
-    for (var data = Array(size), i = 0; i < size; i++)
-      data[i] = REACT_MEMO_CACHE_SENTINEL;
-    return data;
-  },
-  useHostTransitionStatus: function () {
-    resolveCurrentlyRenderingComponent();
-    return sharedNotPendingObject;
-  },
-  useOptimistic: function (passthrough) {
-    resolveCurrentlyRenderingComponent();
-    return [passthrough, unsupportedSetOptimisticState];
-  }
-};
-HooksDispatcher.useFormState = useActionState;
-HooksDispatcher.useActionState = useActionState;
-var currentResumableState = null,
+  currentResumableState = null,
   DefaultAsyncDispatcher = {
     getCacheForType: function () {
       throw Error("Not implemented.");
@@ -5838,7 +5842,7 @@ function describeComponentStackByType(type) {
   if ("string" === typeof type) return describeBuiltInComponentFrame(type);
   if ("function" === typeof type)
     return type.prototype && type.prototype.isReactComponent
-      ? ((type = describeNativeComponentFrame(type, !0)), type)
+      ? describeNativeComponentFrame(type, !0)
       : describeNativeComponentFrame(type, !1);
   if ("object" === typeof type && null !== type) {
     switch (type.$$typeof) {
@@ -6430,7 +6434,6 @@ function renderElement(request, task, keyPath, type, props, ref) {
   else {
     switch (type) {
       case REACT_LEGACY_HIDDEN_TYPE:
-      case REACT_DEBUG_TRACING_MODE_TYPE:
       case REACT_STRICT_MODE_TYPE:
       case REACT_PROFILER_TYPE:
       case REACT_FRAGMENT_TYPE:
@@ -8620,4 +8623,4 @@ exports.experimental_renderToHTML = function (children, options) {
     });
   });
 };
-exports.version = "19.1.0-experimental-4dff0e62-20241213";
+exports.version = "19.1.0-experimental-d4287258-20241217";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-markup",
-  "version": "0.0.0-experimental-4dff0e62-20241213",
+  "version": "0.0.0-experimental-d4287258-20241217",
   "description": "React package generating embedded markup such as e-mails with support for Server Components.",
   "main": "index.js",
   "repository": {
@@ -17,7 +17,7 @@
   },
   "homepage": "https://react.dev/",
   "peerDependencies": {
-    "react": "0.0.0-experimental-4dff0e62-20241213"
+    "react": "0.0.0-experimental-d4287258-20241217"
   },
   "files": [
     "LICENSE",