Simple `useToggle` hook which returns the boolean state and the setter methods `on`, `off`, `toggle` and `reset`.

use-toggle.ts

import { useState } from 'react'

export function useToggle(
  initialState = false
): [boolean, { on: () => void; off: () => void; toggle: () => void; reset: () => void }] {
  const [state, setState] = useState(initialState)
  const handlers = {
    on: () => {
      setState(true)
    },
    off: () => {
      setState(false)
    },
    toggle: () => {
      setState((s) => !s)
    },
    reset: () => {
      setState(initialState)
    },
  }

  return [state, handlers]
}


// ---
//
// Using example
function MyComponent() {
  const [isExpanded, { toggle: toggleExpansion }] = useToggle(true)
}