hono 4.5.6 → 4.5.7

package/README.md

@@ -62,7 +62,7 @@ The migration guide is available on [docs/MIGRATION.md](docs/MIGRATION.md).
 
 ## Communication
 
-[Twitter](https://twitter.com/honojs) and [Discord channel](https://discord.gg/KMh2eNSdxV) are available.
+[X](https://x.com/honojs) and [Discord channel](https://discord.gg/KMh2eNSdxV) are available.
 
 ## Contributing
 

package/dist/cjs/client/utils.js

@@ -33,8 +33,8 @@ const mergePath = (base, path) => {
 };
 const replaceUrlParam = (urlString, params) => {
   for (const [k, v] of Object.entries(params)) {
-    const reg = new RegExp("/:" + k + "(?:{[^/]+})?");
-    urlString = urlString.replace(reg, `/${v}`);
+    const reg = new RegExp("/:" + k + "(?:{[^/]+})?\\??");
+    urlString = urlString.replace(reg, v ? `/${v}` : "");
   }
   return urlString;
 };

package/dist/cjs/jsx/dom/context.js

@@ -50,7 +50,7 @@ const createContextProviderFunction = (values) => ({ value, children }) => {
     }),
     props: {}
   });
-  const res = (0, import_utils.newJSXNode)({ tag: "", props });
+  const res = { tag: "", props, type: "" };
   res[import_constants.DOM_ERROR_HANDLER] = (err) => {
     values.pop();
     throw err;

package/dist/cjs/jsx/dom/intrinsic-element/components.js

@@ -30,7 +30,6 @@ __export(components_exports, {
   title: () => title
 });
 module.exports = __toCommonJS(components_exports);
-var import_utils = require("../utils");
 var import_render = require("../render");
 var import_context = require("../../context");
 var import_hooks = require("../../hooks");
@@ -69,10 +68,12 @@ let blockingPromiseMap = /* @__PURE__ */ Object.create(null);
 let createdElements = /* @__PURE__ */ Object.create(null);
 const documentMetadataTag = (tag, props, preserveNodeType, supportSort, supportBlocking) => {
   if (props?.itemProp) {
-    return (0, import_utils.newJSXNode)({
+    return {
       tag,
-      props
-    });
+      props,
+      type: tag,
+      ref: props.ref
+    };
   }
   const head = document.head;
   let { onLoad, onError, precedence, blocking, ...restProps } = props;
@@ -188,13 +189,15 @@ const documentMetadataTag = (tag, props, preserveNodeType, supportSort, supportB
       (0, import_hooks.use)(promise);
     }
   }
-  const jsxNode = (0, import_utils.newJSXNode)({
+  const jsxNode = {
     tag,
+    type: tag,
     props: {
       ...restProps,
       ref
-    }
-  });
+    },
+    ref
+  };
   jsxNode.p = preserveNodeType;
   if (element) {
     jsxNode.e = element;
@@ -208,28 +211,34 @@ const title = (props) => {
   const nameSpaceContext = (0, import_render.getNameSpaceContext)();
   const ns = nameSpaceContext && (0, import_context.useContext)(nameSpaceContext);
   if (ns?.endsWith("svg")) {
-    return (0, import_utils.newJSXNode)({
+    return {
       tag: "title",
-      props
-    });
+      props,
+      type: "title",
+      ref: props.ref
+    };
   }
   return documentMetadataTag("title", props, void 0, false, false);
 };
 const script = (props) => {
   if (!props || ["src", "async"].some((k) => !props[k])) {
-    return (0, import_utils.newJSXNode)({
-      tag: "style",
-      props
-    });
+    return {
+      tag: "script",
+      props,
+      type: "script",
+      ref: props.ref
+    };
   }
   return documentMetadataTag("script", props, 1, false, true);
 };
 const style = (props) => {
   if (!props || !["href", "precedence"].every((k) => k in props)) {
-    return (0, import_utils.newJSXNode)({
+    return {
       tag: "style",
-      props
-    });
+      props,
+      type: "style",
+      ref: props.ref
+    };
   }
   props["data-href"] = props.href;
   delete props.href;
@@ -237,10 +246,12 @@ const style = (props) => {
 };
 const link = (props) => {
   if (!props || ["onLoad", "onError"].some((k) => k in props) || props.rel === "stylesheet" && (!("precedence" in props) || "disabled" in props)) {
-    return (0, import_utils.newJSXNode)({
+    return {
       tag: "link",
-      props
-    });
+      props,
+      type: "link",
+      ref: props.ref
+    };
   }
   return documentMetadataTag("link", props, 1, "precedence" in props, true);
 };
@@ -281,7 +292,7 @@ const form = (props) => {
   });
   const [data, isDirty] = state;
   state[1] = false;
-  return (0, import_utils.newJSXNode)({
+  return {
     tag: import_hooks2.FormContext,
     props: {
       value: {
@@ -290,16 +301,18 @@ const form = (props) => {
         method: data ? "post" : null,
         action: data ? action : null
       },
-      children: (0, import_utils.newJSXNode)({
+      children: {
         tag: "form",
         props: {
           ...restProps,
           ref
-        }
-      })
+        },
+        type: "form",
+        ref
+      }
     },
     f: isDirty
-  });
+  };
 };
 const formActionableElement = (tag, {
   formAction,
@@ -319,10 +332,12 @@ const formActionableElement = (tag, {
       };
     });
   }
-  return (0, import_utils.newJSXNode)({
+  return {
     tag,
-    props
-  });
+    props,
+    type: tag,
+    ref: props.ref
+  };
 };
 const input = (props) => formActionableElement("input", props);
 const button = (props) => formActionableElement("button", props);

package/dist/cjs/jsx/dom/jsx-dev-runtime.js

@@ -28,14 +28,18 @@ __export(jsx_dev_runtime_exports, {
   jsxDEV: () => jsxDEV
 });
 module.exports = __toCommonJS(jsx_dev_runtime_exports);
-var import_utils = require("./utils");
 var intrinsicElementTags = __toESM(require("./intrinsic-element/components"), 1);
 const jsxDEV = (tag, props, key) => {
-  return (0, import_utils.newJSXNode)({
-    tag: typeof tag === "string" && intrinsicElementTags[tag] || tag,
+  if (typeof tag === "string" && intrinsicElementTags[tag]) {
+    tag = intrinsicElementTags[tag];
+  }
+  return {
+    tag,
+    type: tag,
     props,
-    key
-  });
+    key,
+    ref: props.ref
+  };
 };
 const Fragment = (props) => jsxDEV("", props, void 0);
 // Annotate the CommonJS export names for ESM import in node:

package/dist/cjs/jsx/dom/render.js

@@ -35,7 +35,6 @@ var import_context = require("../context");
 var import_hooks = require("../hooks");
 var import_utils = require("../utils");
 var import_context2 = require("./context");
-var import_utils2 = require("./utils");
 const HONO_PORTAL_ELEMENT = "_hp";
 const eventAliasMap = {
   Change: "Input",
@@ -45,36 +44,47 @@ const nameSpaceMap = {
   svg: "2000/svg",
   math: "1998/Math/MathML"
 };
-const skipProps = /* @__PURE__ */ new Set(["children"]);
 const buildDataStack = [];
 const refCleanupMap = /* @__PURE__ */ new WeakMap();
 let nameSpaceContext = void 0;
 const getNameSpaceContext = () => nameSpaceContext;
 const isNodeString = (node) => "t" in node;
+const eventCache = {
+  onClick: ["click", false]
+};
 const getEventSpec = (key) => {
+  if (!key.startsWith("on")) {
+    return void 0;
+  }
+  if (eventCache[key]) {
+    return eventCache[key];
+  }
   const match = key.match(/^on([A-Z][a-zA-Z]+?(?:PointerCapture)?)(Capture)?$/);
   if (match) {
     const [, eventName, capture] = match;
-    return [(eventAliasMap[eventName] || eventName).toLowerCase(), !!capture];
+    return eventCache[key] = [(eventAliasMap[eventName] || eventName).toLowerCase(), !!capture];
   }
   return void 0;
 };
-const toAttributeName = (element, key) => element instanceof SVGElement && /[A-Z]/.test(key) && (key in element.style || key.match(/^(?:o|pai|str|u|ve)/)) ? key.replace(/([A-Z])/g, "-$1").toLowerCase() : key;
+const toAttributeName = (element, key) => nameSpaceContext && element instanceof SVGElement && /[A-Z]/.test(key) && (key in element.style || key.match(/^(?:o|pai|str|u|ve)/)) ? key.replace(/([A-Z])/g, "-$1").toLowerCase() : key;
 const applyProps = (container, attributes, oldAttributes) => {
   attributes ||= {};
-  for (let [key, value] of Object.entries(attributes)) {
-    if (!skipProps.has(key) && (!oldAttributes || oldAttributes[key] !== value)) {
+  for (let key in attributes) {
+    const value = attributes[key];
+    if (key !== "children" && (!oldAttributes || oldAttributes[key] !== value)) {
       key = (0, import_utils.normalizeIntrinsicElementKey)(key);
       const eventSpec = getEventSpec(key);
       if (eventSpec) {
-        if (oldAttributes) {
-          container.removeEventListener(eventSpec[0], oldAttributes[key], eventSpec[1]);
-        }
-        if (value != null) {
-          if (typeof value !== "function") {
-            throw new Error(`Event handler for "${key}" is not a function`);
+        if (oldAttributes?.[key] !== value) {
+          if (oldAttributes) {
+            container.removeEventListener(eventSpec[0], oldAttributes[key], eventSpec[1]);
+          }
+          if (value != null) {
+            if (typeof value !== "function") {
+              throw new Error(`Event handler for "${key}" is not a function`);
+            }
+            container.addEventListener(eventSpec[0], value, eventSpec[1]);
           }
-          container.addEventListener(eventSpec[0], value, eventSpec[1]);
         }
       } else if (key === "dangerouslySetInnerHTML" && value) {
         container.innerHTML = value.__html;
@@ -98,8 +108,8 @@ const applyProps = (container, attributes, oldAttributes) => {
           }
         }
       } else {
-        const nodeName = container.nodeName;
         if (key === "value") {
+          const nodeName = container.nodeName;
           if (nodeName === "INPUT" || nodeName === "TEXTAREA" || nodeName === "SELECT") {
             ;
             container.value = value === null || value === void 0 || value === false ? null : value;
@@ -114,7 +124,7 @@ const applyProps = (container, attributes, oldAttributes) => {
               continue;
             }
           }
-        } else if (key === "checked" && nodeName === "INPUT" || key === "selected" && nodeName === "OPTION") {
+        } else if (key === "checked" && container.nodeName === "INPUT" || key === "selected" && container.nodeName === "OPTION") {
           ;
           container[key] = value;
         }
@@ -132,8 +142,9 @@ const applyProps = (container, attributes, oldAttributes) => {
     }
   }
   if (oldAttributes) {
-    for (let [key, value] of Object.entries(oldAttributes)) {
-      if (!skipProps.has(key) && !(key in attributes)) {
+    for (let key in oldAttributes) {
+      const value = oldAttributes[key];
+      if (key !== "children" && !(key in attributes)) {
         key = (0, import_utils.normalizeIntrinsicElementKey)(key);
         const eventSpec = getEventSpec(key);
         if (eventSpec) {
@@ -148,27 +159,24 @@ const applyProps = (container, attributes, oldAttributes) => {
   }
 };
 const invokeTag = (context, node) => {
-  if (node.s) {
-    const res = node.s;
-    node.s = void 0;
-    return res;
-  }
   node[import_constants.DOM_STASH][0] = 0;
   buildDataStack.push([context, node]);
   const func = node.tag[import_constants.DOM_RENDERER] || node.tag;
+  const props = func.defaultProps ? {
+    ...func.defaultProps,
+    ...node.props
+  } : node.props;
   try {
-    return [
-      func.call(null, {
-        ...func.defaultProps || {},
-        ...node.props
-      })
-    ];
+    return [func.call(null, props)];
   } finally {
     buildDataStack.pop();
   }
 };
 const getNextChildren = (node, container, nextChildren, childrenToRemove, callbacks) => {
-  childrenToRemove.push(...node.vR);
+  if (node.vR?.length) {
+    childrenToRemove.push(...node.vR);
+    delete node.vR;
+  }
   if (typeof node.tag === "function") {
     node[import_constants.DOM_STASH][1][import_hooks.STASH_EFFECT]?.forEach((data) => callbacks.push(data));
   }
@@ -178,16 +186,33 @@ const getNextChildren = (node, container, nextChildren, childrenToRemove, callba
     } else {
       if (typeof child.tag === "function" || child.tag === "") {
         child.c = container;
+        const currentNextChildrenIndex = nextChildren.length;
         getNextChildren(child, container, nextChildren, childrenToRemove, callbacks);
+        if (child.s) {
+          for (let i = currentNextChildrenIndex; i < nextChildren.length; i++) {
+            nextChildren[i].s = true;
+          }
+          child.s = false;
+        }
       } else {
         nextChildren.push(child);
-        childrenToRemove.push(...child.vR);
+        if (child.vR?.length) {
+          childrenToRemove.push(...child.vR);
+          delete child.vR;
+        }
       }
     }
   });
 };
 const findInsertBefore = (node) => {
-  return !node ? null : node.tag === HONO_PORTAL_ELEMENT ? findInsertBefore(node.nN) : node.e || node.vC && node.pP && findInsertBefore(node.vC[0]) || findInsertBefore(node.nN);
+  for (; ; node = node.tag === HONO_PORTAL_ELEMENT || !node.vC || !node.pP ? node.nN : node.vC[0]) {
+    if (!node) {
+      return null;
+    }
+    if (node.tag !== HONO_PORTAL_ELEMENT && node.e) {
+      return node.e;
+    }
+  }
 };
 const removeNode = (node) => {
   if (!isNodeString(node)) {
@@ -209,16 +234,9 @@ const removeNode = (node) => {
     node.a = true;
   }
 };
-const apply = (node, container) => {
+const apply = (node, container, isNew) => {
   node.c = container;
-  applyNodeObject(node, container);
-};
-const applyNode = (node, container) => {
-  if (isNodeString(node)) {
-    container.textContent = node.t;
-  } else {
-    applyNodeObject(node, container);
-  }
+  applyNodeObject(node, container, isNew);
 };
 const findChildNodeIndex = (childNodes, child) => {
   if (!child) {
@@ -232,39 +250,81 @@ const findChildNodeIndex = (childNodes, child) => {
   return;
 };
 const cancelBuild = Symbol();
-const applyNodeObject = (node, container) => {
+const applyNodeObject = (node, container, isNew) => {
   const next = [];
   const remove = [];
   const callbacks = [];
   getNextChildren(node, container, next, remove, callbacks);
-  const childNodes = container.childNodes;
-  let offset = findChildNodeIndex(childNodes, findInsertBefore(node.nN)) ?? findChildNodeIndex(childNodes, next.find((n) => n.tag !== HONO_PORTAL_ELEMENT && n.e)?.e) ?? childNodes.length;
+  remove.forEach(removeNode);
+  const childNodes = isNew ? void 0 : container.childNodes;
+  let offset;
+  if (isNew) {
+    offset = -1;
+  } else {
+    offset = (childNodes.length && (findChildNodeIndex(childNodes, findInsertBefore(node.nN)) ?? findChildNodeIndex(
+      childNodes,
+      next.find((n) => n.tag !== HONO_PORTAL_ELEMENT && n.e)?.e
+    ))) ?? -1;
+    if (offset === -1) {
+      isNew = true;
+    }
+  }
   for (let i = 0, len = next.length; i < len; i++, offset++) {
     const child = next[i];
     let el;
-    if (isNodeString(child)) {
-      if (child.e && child.d) {
-        child.e.textContent = child.t;
-      }
-      child.d = false;
-      el = child.e ||= document.createTextNode(child.t);
+    if (child.s && child.e) {
+      el = child.e;
+      child.s = false;
     } else {
-      el = child.e ||= child.n ? document.createElementNS(child.n, child.tag) : document.createElement(child.tag);
-      applyProps(el, child.props, child.pP);
-      applyNode(child, el);
+      const isNewLocal = isNew || !child.e;
+      if (isNodeString(child)) {
+        if (child.e && child.d) {
+          child.e.textContent = child.t;
+        }
+        child.d = false;
+        el = child.e ||= document.createTextNode(child.t);
+      } else {
+        el = child.e ||= child.n ? document.createElementNS(child.n, child.tag) : document.createElement(child.tag);
+        applyProps(el, child.props, child.pP);
+        applyNodeObject(child, el, isNewLocal);
+      }
     }
     if (child.tag === HONO_PORTAL_ELEMENT) {
       offset--;
-    } else if (childNodes[offset] !== el && childNodes[offset - 1] !== child.e) {
-      container.insertBefore(el, childNodes[offset] || null);
+    } else if (isNew) {
+      if (!el.parentNode) {
+        container.appendChild(el);
+      }
+    } else if (childNodes[offset] !== el && childNodes[offset - 1] !== el) {
+      if (childNodes[offset + 1] === el) {
+        container.appendChild(childNodes[offset]);
+      } else {
+        container.insertBefore(el, childNodes[offset] || null);
+      }
+    }
+  }
+  if (node.pP) {
+    delete node.pP;
+  }
+  if (callbacks.length) {
+    const useLayoutEffectCbs = [];
+    const useEffectCbs = [];
+    callbacks.forEach(([, useLayoutEffectCb, , useEffectCb, useInsertionEffectCb]) => {
+      if (useLayoutEffectCb) {
+        useLayoutEffectCbs.push(useLayoutEffectCb);
+      }
+      if (useEffectCb) {
+        useEffectCbs.push(useEffectCb);
+      }
+      useInsertionEffectCb?.();
+    });
+    useLayoutEffectCbs.forEach((cb) => cb());
+    if (useEffectCbs.length) {
+      requestAnimationFrame(() => {
+        useEffectCbs.forEach((cb) => cb());
+      });
     }
   }
-  remove.forEach(removeNode);
-  callbacks.forEach(([, , , , cb]) => cb?.());
-  callbacks.forEach(([, cb]) => cb?.());
-  requestAnimationFrame(() => {
-    callbacks.forEach(([, , , cb]) => cb?.());
-  });
 };
 const fallbackUpdateFnArrayMap = /* @__PURE__ */ new WeakMap();
 const build = (context, node, children) => {
@@ -279,30 +339,33 @@ const build = (context, node, children) => {
       foundErrorHandler = children[0][import_constants.DOM_ERROR_HANDLER];
       context[5].push([context, foundErrorHandler, node]);
     }
-    const oldVChildren = buildWithPreviousChildren ? [...node.pC] : node.vC ? [...node.vC] : [];
+    const oldVChildren = buildWithPreviousChildren ? [...node.pC] : node.vC ? [...node.vC] : void 0;
     const vChildren = [];
-    node.vR = buildWithPreviousChildren ? [...node.vC] : [];
     let prevNode;
-    children.flat().forEach((c) => {
-      let child = buildNode(c);
+    for (let i = 0; i < children.length; i++) {
+      if (Array.isArray(children[i])) {
+        children.splice(i, 1, ...children[i].flat());
+      }
+      let child = buildNode(children[i]);
       if (child) {
         if (typeof child.tag === "function" && !child.tag[import_constants.DOM_INTERNAL_TAG]) {
           if (import_context.globalContexts.length > 0) {
-            child[import_constants.DOM_STASH][2] = import_context.globalContexts.map((c2) => [c2, c2.values.at(-1)]);
+            child[import_constants.DOM_STASH][2] = import_context.globalContexts.map((c) => [c, c.values.at(-1)]);
           }
           if (context[5]?.length) {
             child[import_constants.DOM_STASH][3] = context[5].at(-1);
           }
         }
         let oldChild;
-        const i = oldVChildren.findIndex(
-          isNodeString(child) ? (c2) => isNodeString(c2) : child.key !== void 0 ? (c2) => c2.key === child.key : (c2) => c2.tag === child.tag
-        );
-        if (i !== -1) {
-          oldChild = oldVChildren[i];
-          oldVChildren.splice(i, 1);
+        if (oldVChildren && oldVChildren.length) {
+          const i2 = oldVChildren.findIndex(
+            isNodeString(child) ? (c) => isNodeString(c) : child.key !== void 0 ? (c) => c.key === child.key && c.tag === child.tag : (c) => c.tag === child.tag
+          );
+          if (i2 !== -1) {
+            oldChild = oldVChildren[i2];
+            oldVChildren.splice(i2, 1);
+          }
         }
-        let skipBuild = false;
         if (oldChild) {
           if (isNodeString(child)) {
             if (oldChild.t !== child.t) {
@@ -311,8 +374,6 @@ const build = (context, node, children) => {
               oldChild.d = true;
             }
             child = oldChild;
-          } else if (oldChild.tag !== child.tag) {
-            node.vR.push(oldChild);
           } else {
             const pP = oldChild.pP = oldChild.props;
             oldChild.props = child.props;
@@ -323,7 +384,9 @@ const build = (context, node, children) => {
               if (!oldChild.f) {
                 const prevPropsKeys = Object.keys(pP);
                 const currentProps = oldChild.props;
-                skipBuild = prevPropsKeys.length === Object.keys(currentProps).length && prevPropsKeys.every((k) => k in currentProps && currentProps[k] === pP[k]);
+                if (prevPropsKeys.length === Object.keys(currentProps).length && prevPropsKeys.every((k) => k in currentProps && currentProps[k] === pP[k])) {
+                  oldChild.s = true;
+                }
               }
             }
             child = oldChild;
@@ -334,19 +397,21 @@ const build = (context, node, children) => {
             child.n = ns;
           }
         }
-        if (!isNodeString(child) && !skipBuild) {
+        if (!isNodeString(child) && !child.s) {
           build(context, child);
           delete child.f;
         }
         vChildren.push(child);
-        for (let p = prevNode; p && !isNodeString(p); p = p.vC?.at(-1)) {
-          p.nN = child;
+        if (prevNode && !prevNode.s && !child.s) {
+          for (let p = prevNode; p && !isNodeString(p); p = p.vC?.at(-1)) {
+            p.nN = child;
+          }
         }
         prevNode = child;
       }
-    });
+    }
+    node.vR = buildWithPreviousChildren ? [...node.vC, ...oldVChildren || []] : oldVChildren || [];
     node.vC = vChildren;
-    node.vR.push(...oldVChildren);
     if (buildWithPreviousChildren) {
       delete node.pC;
     }
@@ -381,7 +446,7 @@ const build = (context, node, children) => {
         } else {
           build(context, errorHandlerNode, [fallback]);
           if ((errorHandler.length === 1 || context !== errorHandlerContext) && errorHandlerNode.c) {
-            apply(errorHandlerNode, errorHandlerNode.c);
+            apply(errorHandlerNode, errorHandlerNode.c, false);
             return;
           }
         }
@@ -402,12 +467,14 @@ const buildNode = (node) => {
     return { t: node.toString(), d: true };
   } else {
     if ("vR" in node) {
-      node = (0, import_utils2.newJSXNode)({
+      node = {
         tag: node.tag,
         props: node.props,
         key: node.key,
-        f: node.f
-      });
+        f: node.f,
+        type: node.tag,
+        ref: node.props.ref
+      };
     }
     if (typeof node.tag === "function") {
       ;
@@ -453,7 +520,7 @@ const updateSync = (context, node) => {
     c.values.pop();
   });
   if (context[0] !== 1 || !context[1]) {
-    apply(node, node.c);
+    apply(node, node.c, false);
   }
 };
 const updateMap = /* @__PURE__ */ new WeakMap();
@@ -499,7 +566,7 @@ const renderNode = (node, container) => {
   build(context, node, void 0);
   context[4] = false;
   const fragment = document.createDocumentFragment();
-  apply(node, fragment);
+  apply(node, fragment, true);
   replaceContainer(node, fragment, container);
   container.replaceChildren(fragment);
 };

package/dist/cjs/jsx/dom/utils.js

@@ -18,7 +18,6 @@ var __copyProps = (to, from, except, desc) => {
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var utils_exports = {};
 __export(utils_exports, {
-  newJSXNode: () => newJSXNode,
   setInternalTagFlag: () => setInternalTagFlag
 });
 module.exports = __toCommonJS(utils_exports);
@@ -28,21 +27,7 @@ const setInternalTagFlag = (fn) => {
   fn[import_constants.DOM_INTERNAL_TAG] = true;
   return fn;
 };
-const JSXNodeCompatPrototype = {
-  type: {
-    get() {
-      return this.tag;
-    }
-  },
-  ref: {
-    get() {
-      return this.props?.ref;
-    }
-  }
-};
-const newJSXNode = (obj) => Object.defineProperties(obj, JSXNodeCompatPrototype);
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  newJSXNode,
   setInternalTagFlag
 });

package/dist/cjs/jsx/hooks/index.js

@@ -214,13 +214,14 @@ const useState = (initialState) => {
   ];
 };
 const useReducer = (reducer, initialArg, init) => {
-  const [state, setState] = useState(() => init ? init(initialArg) : initialArg);
-  return [
-    state,
+  const handler = useCallback(
     (action) => {
       setState((state2) => reducer(state2, action));
-    }
-  ];
+    },
+    [reducer]
+  );
+  const [state, setState] = useState(() => init ? init(initialArg) : initialArg);
+  return [state, handler];
 };
 const useEffectCommon = (index, effect, deps) => {
   const buildData = import_render.buildDataStack.at(-1);