use-next-tick 1.0.0 → 1.0.1

package/README.md

@@ -1,6 +1,6 @@
 # [nextTick for React](https://suhaotian.github.io/use-next-tick/) · [![Size](https://deno.bundlejs.com/badge?q=use-next-tick&treeshake=[{default}]&config={%22esbuild%22:{%22external%22:[%22react%22,%22react-dom%22,%22react/jsx-runtime%22]}})](https://bundlejs.com/?q=use-next-tick&treeshake=%5B%7Bdefault%7D%5D&config=%7B%22esbuild%22:%7B%22external%22:%5B%22react%22,%22react-dom%22,%22react/jsx-runtime%22%5D%7D%7D) [![npm version](https://img.shields.io/npm/v/use-next-tick.svg?style=flat)](https://www.npmjs.com/package/use-next-tick) [![PRs Welcome](https://img.shields.io/badge/PRs-welcome-brightgreen.svg)](https://github.com/suhaotian/use-next-tick/pulls) [![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://github.com/suhaotian/use-next-tick/blob/main/LICENSE) [![jsDocs.io](https://img.shields.io/badge/jsDocs.io-reference-blue)](https://www.jsdocs.io/package/use-next-tick) ![typescript](https://badgen.net/badge/icon/typescript?icon=typescript&label&color=blue)
 
-**use-next-tick** is a React hook that runs a callback in `useLayoutEffect` after the next render, similar to Vue’s `nextTick`.
+**use-next-tick** is a React hook that runs a callback in `useEffect` after the next render, similar to Vue’s `nextTick`.
 
 
 ## Installation

package/dist/index.js

@@ -1,4 +1,4 @@
-import{useState as A,useLayoutEffect as B,useRef as D,useCallback as F}from"react";function G(){let[x,z]=A(0),j=D([]);return B(()=>{if(x===0)return;let v=j.current;j.current=[];for(let w of v)w()},[x]),F((v)=>{j.current.push(v),z((w)=>w+1)},[])}export{G as default};
+import{useEffect as x,useRef as q,useCallback as y}from"react";function z(){let h=q([]),j=q(!1);return x(()=>{if(!j.current)return;j.current=!1;let m=h.current;h.current=[];for(let v of m)v()}),y((m)=>{h.current.push(m),j.current=!0},[])}export{z as default};
 
-//# debugId=91B7EB10381DE00564756E2164756E21
+//# debugId=5D791060BB3A46CA64756E2164756E21
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -2,9 +2,9 @@
   "version": 3,
   "sources": ["../src/index.ts"],
   "sourcesContent": [
-    "import { useState, useLayoutEffect, useRef, useCallback } from \"react\";\n\nexport type NextTickCallback = () => void | Promise<void>;\n\nexport default function useNextTick(): (cb: NextTickCallback) => void {\n  const [tick, setTick] = useState(0);\n  const callbacksRef = useRef<NextTickCallback[]>([]);\n\n  useLayoutEffect(() => {\n    // Skip the initial mount — nothing is queued yet.\n    if (tick === 0) return;\n\n    const pending = callbacksRef.current;\n    callbacksRef.current = [];\n    for (const cb of pending) {\n      cb();\n    }\n  }, [tick]);\n\n  const nextTick = useCallback((cb: NextTickCallback) => {\n    callbacksRef.current.push(cb);\n    setTick((c) => c + 1);\n  }, []);\n\n  return nextTick;\n}\n"
+    "import { useEffect, useRef, useCallback } from \"react\";\n\nexport type NextTickCallback = () => void | Promise<void>;\n\nexport default function useNextTick(): (cb: NextTickCallback) => void {\n  const callbacksRef = useRef<NextTickCallback[]>([]);\n  const pendingRef = useRef(false);\n\n  useEffect(() => {\n    if (!pendingRef.current) return;\n\n    pendingRef.current = false;\n    const pending = callbacksRef.current;\n    callbacksRef.current = [];\n\n    // DOM is now updated, run callbacks\n    for (const cb of pending) {\n      cb();\n    }\n  });\n\n  const nextTick = useCallback((cb: NextTickCallback) => {\n    callbacksRef.current.push(cb);\n    pendingRef.current = true;\n  }, []);\n\n  return nextTick;\n}\n"
   ],
-  "mappings": "AAAA,mBAAS,qBAAU,YAAiB,iBAAQ,cAI5C,SAAwB,CAAW,EAAmC,CACpE,IAAO,EAAM,GAAW,EAAS,CAAC,EAC5B,EAAe,EAA2B,CAAC,CAAC,EAkBlD,OAhBA,EAAgB,IAAM,CAEpB,GAAI,IAAS,EAAG,OAEhB,IAAM,EAAU,EAAa,QAC7B,EAAa,QAAU,CAAC,EACxB,QAAW,KAAM,EACf,EAAG,GAEJ,CAAC,CAAI,CAAC,EAEQ,EAAY,CAAC,IAAyB,CACrD,EAAa,QAAQ,KAAK,CAAE,EAC5B,EAAQ,CAAC,IAAM,EAAI,CAAC,GACnB,CAAC,CAAC",
-  "debugId": "91B7EB10381DE00564756E2164756E21",
+  "mappings": "AAAA,oBAAS,YAAW,iBAAQ,cAI5B,SAAwB,CAAW,EAAmC,CACpE,IAAM,EAAe,EAA2B,CAAC,CAAC,EAC5C,EAAa,EAAO,EAAK,EAoB/B,OAlBA,EAAU,IAAM,CACd,GAAI,CAAC,EAAW,QAAS,OAEzB,EAAW,QAAU,GACrB,IAAM,EAAU,EAAa,QAC7B,EAAa,QAAU,CAAC,EAGxB,QAAW,KAAM,EACf,EAAG,EAEN,EAEgB,EAAY,CAAC,IAAyB,CACrD,EAAa,QAAQ,KAAK,CAAE,EAC5B,EAAW,QAAU,IACpB,CAAC,CAAC",
+  "debugId": "5D791060BB3A46CA64756E2164756E21",
   "names": []
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "use-next-tick",
-  "version": "1.0.0",
-  "description": "React hook that queues callbacks to run in useLayoutEffect after the next render — similar to Vue's nextTick",
+  "version": "1.0.1",
+  "description": "React hook that queues callbacks to run code in useEffect after the next render — similar to Vue's nextTick",
   "repository": "suhaotian/use-next-tick",
   "bugs": "https://github.com/suhaotian/use-next-tick/issues",
   "homepage": "https://suhaotian.github.io/use-next-tick",
@@ -32,7 +32,7 @@
     "react",
     "nextTick",
     "nextTick hook",
-    "useLayoutEffect"
+    "useEffect"
   ],
   "author": {
     "name": "@suhaotian",