Handy reusable toggle hook

use-toggle.jsx

import { useState, useCallback } from 'react';

const useToggle = (initialState) => {
    const [isOpen, setIsOpen] = useState(initialState);

    // Flip whatever is the current state
    const toggle = useCallback(
        () => setIsOpen(state => !state),
        [setIsOpen],
    );

    // Force isOpen to have a specific value rather than flipping current state
    const setToggle = useCallback(
        (value) => setIsOpen(value),
        [setIsOpen],
    );

    return [isOpen, toggle, setToggle];
};

export default useToggle;