main 🧊 rework batched callback

Author: debabin

packages/newdocs/content/functions/hooks/useActiveElement.meta.json

@@ -6,7 +6,7 @@ usage: medium
 type: hook
 isTest: true
 isDemo: true
-lastModifiedTime: 1773475680000
+lastModifiedTime: 1777807410000
 ---
 
 import metadata from './useBatchedCallback.meta.json';

packages/newdocs/content/functions/hooks/useBatchedCallback.mdx

@@ -11,7 +11,7 @@ const Demo = () => {
     <section>
       <div ref={activeElement.ref} className='flex flex-col gap-6'>
         <div className='flex flex-col gap-2'>
-          <h2>Contact form</h2>
+          <h3>Contact form</h3>
 
           <p>
             Focus any field, textarea, or button with your mouse or keyboard to see which element is

packages/newdocs/content/functions/hooks/useBatchedCallback.meta.json

@@ -1,3 +1,5 @@
+'use client'
+
 'use client';
 
 import { useBatchedCallback } from '@siberiacancode/reactuse';
@@ -66,7 +68,7 @@ const Demo = () => {
           <code>{totalEvents}</code> events and sent <code>{requestsSent}</code> requests.
         </p>
 
-        <button disabled={!selected.length} type='button'>
+        <button disabled={!tags.length} type='button'>
           Continue
         </button>
       </div>

packages/newdocs/generated/demos/hooks/useActiveElement.demo.tsx

@@ -42,7 +42,7 @@
     "@react-three/fiber": "^9.6.0",
     "@react-three/postprocessing": "^3.0.4",
     "@siberiacancode/fetches": "^1.14.1",
-    "@siberiacancode/reactuse": "^0.3.19",
+    "@siberiacancode/reactuse": "^0.3.20",
     "@tabler/icons-react": "^3.37.1",
     "@tailwindcss/postcss": "^4.2.1",
     "@types/mdx": "^2.0.13",

packages/newdocs/generated/demos/hooks/useBatchedCallback.demo.tsx

@@ -6,7 +6,7 @@ usage: medium
 type: hook
 isTest: true
 isDemo: true
-lastModifiedTime: 1773475680000
+lastModifiedTime: 1777807410000
 ---
 
 import metadata from './useBatchedCallback.meta.json';