title: Using hooks to manage display/hide of a menu
body: <p>I am having a little trouble getting hooks to work in terms of managing the display/hide of a menu. My understanding is that the correct way to do this is to create a custom hook which is shared between components.</p>
  
  <p>I have created my custom hook, and imported it on the relevant components, however the components do not seem to be reacting to a change in state (i.e. clicking on the open or close buttons has no effect).</p>
  
  <p>I have created a minimal code example: <a href="https://codesandbox.io/s/nostalgic-taussig-67qvp" rel="nofollow noreferrer">https://codesandbox.io/s/nostalgic-taussig-67qvp</a></p>