useToggleState makes it cleaner to use a boolean state toggle

useToggleState.js

import * as React from 'react';

const useToggleState = (initialState: boolean = false): [boolean, () => void] => {
  const [state, set] = React.useState(initialState);
  const toggle = React.useCallback(() => set(oldState => !oldState), []);
  return [state, toggle];
};

// Consume as
const [visible, toggleVisibility] = useToggleState(false);