main 🧊 delete destructure

Author: debabin

packages/core/src/hooks/useAutoScroll/useAutoScroll.demo.tsx

@@ -4,7 +4,7 @@ import { useState } from 'react';
 const Demo = () => {
   const [messages, setMessages] = useState([`Message 1 at ${new Date().toLocaleTimeString()}`]);
 
-  const { ref: listRef } = useAutoScroll<HTMLUListElement>();
+  const autoScroll = useAutoScroll<HTMLUListElement>();
 
   const onAddMessage = () =>
     setMessages((prev) => [
@@ -29,7 +29,7 @@ const Demo = () => {
       </div>
 
       <ul
-        ref={listRef}
+        ref={autoScroll.ref}
         className='flex h-[200px] list-none! flex-col gap-1 overflow-y-auto scroll-smooth! p-0!'
       >
         {messages.map((message, index) => (

packages/core/src/hooks/useClickOutside/useClickOutside.demo.tsx

@@ -4,7 +4,7 @@ import { useClickOutside, useCounter } from '@siberiacancode/reactuse';
 const Demo = () => {
   const counter = useCounter();
 
-  const { ref: clickOutsideRef } = useClickOutside<HTMLDivElement>(() => {
+  const clickOutside = useClickOutside<HTMLDivElement>(() => {
     console.log('click outside');
     counter.inc();
   });
@@ -16,7 +16,7 @@ const Demo = () => {
       </p>
 
       <div
-        ref={clickOutsideRef}
+        ref={clickOutside.ref}
         className={cn(
           'relative flex flex-col items-center justify-center rounded-xl border-2 border-red-500 p-12',
           { 'border-green-500': counter.value > 5 }

packages/core/src/hooks/useDoubleClick/useDoubleClick.demo.tsx

@@ -2,14 +2,14 @@ import { useCounter, useDoubleClick } from '@siberiacancode/reactuse';
 
 const Demo = () => {
   const counter = useCounter();
-  const { ref: doubleClickRef } = useDoubleClick<HTMLButtonElement>(() => counter.inc());
+  const doubleClick = useDoubleClick<HTMLButtonElement>(() => counter.inc());
 
   return (
     <>
       <p>
         Double clicked <code>{counter.value}</code> times
       </p>
-      <button ref={doubleClickRef} type='button'>
+      <button ref={doubleClick.ref} type='button'>
         Double click me
       </button>
     </>