React Hook recipe from https://usehooks.com

use-toggle.jsx

import React, { useReducer } from "react";

// Usage
function App(){
  const [isOn, toggleIsOn] = useToggle();
  
  return (
    <button onClick={toggleIsOn}>
      Turn  {isOn ? 'Off' : 'On'}
    </button>
  );
}

// Hook
function useToggle(initialValue = false){
  // Returns the tuple [state, dispatch]
  // Normally with useReducer you pass a value to dispatch to indicate what action to
  // take on the state, but in this case there's only one action.
  return useReducer((state) => !state, initialValue);
}

Be sure to also check out this alternative example that shows how to create this hook with useState.