Wrong behavior on pressing different hotkey at the same time

Version

4.0.4

Link to minimal reproduction

https://stackblitz.com/edit/react-p9vi6t?devToolsHeight=33&file=src/App.js

Steps to reproduce

1. Register hotkey for UP, RIGHT, DOWN, LEFT
2. Log the result in your own way
3. Press [UP, RIGHT] at the same time (UP first)
4. See the result / console log

What is expected?

Press [UP, RIGHT] at the same time => [‘UP’, ‘RIGHT’]

What is actually happening?

Press [UP, RIGHT] at the same time => [‘UP’, ‘UP’]

Case 2

Try this one, it’s even worse 😢 (see console log)

Press [UP, RIGHT] at the same time => [‘UP’, ‘RIGHT’, ‘UP’]

import React, { useState } from 'react';
import { useHotkeys } from 'react-hotkeys-hook';
import './style.css';

export default function App() {
  useHotkeys(
    'UP',
    () => {
      console.log('UP');
    },
    { preventDefault: true }
  );

  useHotkeys(
    'DOWN',
    () => {
      console.log('DOWN');
    },
    { preventDefault: true }
  );

  useHotkeys(
    'LEFT',
    () => {
      console.log('LEFT');
    },
    { preventDefault: true }
  );

  useHotkeys(
    'RIGHT',
    () => {
      console.log('RIGHT');
    },
    { preventDefault: true }
  );

  return (
    <div>
      <h1>react-hotkeys-hook</h1>
      <p>Pressing Arrow Button at the same time</p>
      <p>For example, press [UP, RIGHT] (try UP first)</p>
      <p>Then you will see the wrong pressed result</p>
      <br />
    </div>
  );
}

[psychedelicious]

I have run into an issue which feels very similar.

For combination hotkeys which include meta e.g. meta+z (overriding undo on macOS), if you trigger the hotkey but do not release meta, any subsequent key presses on any other key (apparently except ctrl) trigger the hotkey again.

Demo: https://stackblitz.com/edit/react-eqz5gk?file=src/App.js

In v3 this issue did not occur.

edit: Issue still occurs when using mod instead of meta.

[pionxzh]

Does it happen in 4.1.0?

I just tested 4.1.0, and it’s good now. Thanks 🙏