Custom hook that manages a counter with increment, decrement, reset, and setCount functionalities.
import { useCounter } from "@tealess/hooks";
export default function Component() {
const { count, setCount, increment, decrement, reset } = useCounter(0);
const multiplyBy2 = () => {
setCount((x) => x * 2);
};
return (
<>
<p>Count is {count}</p>
<button onClick={increment}>Increment</button>
<button onClick={decrement}>Decrement</button>
<button onClick={reset}>Reset</button>
<button onClick={multiplyBy2}>Multiply by 2</button>
</>
);
}