A hook to manage boolean

use-boolean.ts

/**
A hook to manage boolean

@example
function Example() {
  const [flag, setFlag] = useBoolean()
  return (
    <>
      <p>Boolean state: {flag}</p>
      <button onClick={setFlag.on}>On</button>
      <button onClick={setFlag.off}>Off</button>
      <button onClick={setFlag.toggle}>Toggle</button>
    </>
  )
}
*/
import { useMemo, useState } from 'react';

export const useBoolean = (defaultValue = false) => {
  const [value, setValue] = useState(defaultValue)
  const callbacks = useMemo(
    () => ({
      on: () => setValue(true),
      off: () => setValue(false),
      toggle: () => setValue((prev) => !prev),
    }),
    [],
  )
  return [value, callbacks] as const
}