title: GlobalHotKeys(react-hotkeys) not working when focused on the input field
body: <p>I am using React-hotkeys for the keyboard shortcuts on a React project. GlobalHotKeys not working when focused on the input field. Please help me, I am unable to find out what I am missing.</p>
  
  <p>Demo (Recorded Screen Link): <a href="https://recordit.co/ffVKvn9uVw" rel="nofollow noreferrer">https://recordit.co/ffVKvn9uVw</a></p>
  
  <pre><code>&lt;GlobalHotKeys keyMap={REGISTRATION_KEY_MAP} handlers={this.handlers}&gt;
        &lt;RegistrationForm
           ref={regFormRef}
           onBillClick={this.onBillClick}
           patientId={this.state.patientID}
           openBill={this.state.openBill}
       /&gt;
  &lt;/GlobalHotKeys&gt;
  
      const handlers = {
          REGISTER: () =&gt; console.log(regFormRef),
          REGISTER_AND_BILL:  () =&gt; console.log(regFormRef),
      };
  
    const REGISTRATION_KEY_MAP = {
      REGISTER: ['command+enter', 'ctrl+enter'],
      REGISTER_AND_BILL: ['enter'],
    };
  </code></pre>
  
  <p><strong>Expected behavior</strong></p>
  
  <p>If I am using  then it should directly fire the related action, the focus should not matter. Eg. I want to submit a form but currently, document focused on any input box then it should submit the form </p>
  
  <p><strong>Platform:</strong></p>
  
  <ul>
  <li>Version of react-hotkeys: <code>react-hotkeys v2.0.0</code></li>
  <li>Browser chrome</li>
  <li>OS:  iOS v10.13.6</li>
  </ul>