useToggle hook

A small React hook for boolean toggle state. Cuts down boilerplate in components.

import { useState } from 'react';

export function useToggle(initial = false): [boolean, () => void] {
  const [value, setValue] = useState(initial);
  const toggle = () => setValue((v) => !v);
  return [value, toggle];
}

How to use

Paste into your project.

Call useToggle() or useToggle(true) for initial value. Destructure [isOn, toggle] and use toggle() to flip.

const [open, setOpen] = useToggle(false);