Error with ctrl-keys

[fdharamshi]

I'm submitting a...

[x] Regression (a behavior that used to work and stopped working in a new release)
[ ] Bug report  
[ ] Performance issue
[ ] Feature request
[ ] Documentation issue or request
[ ] Other... Please describe:

Current behavior

When using reagraph, we use useSelection() -> which uses hotkeys, which in turn uses ctrl-keys
Now, since the change in f540455

I've been getting an error that says keys() is not a function at useHotkeys.ts:20:31

Note: App runs fine. This issue comes up when I run tests.
(I am not even testing reagraph, but my tests fail with the above error.)

Expected behavior

This should not throw this error. It's a blocking issue.

Minimal reproduction of the problem with instructions

What is the motivation / use case for changing the behavior?

I wanted to use reagraph library ASAP, but I am blocked because of this issue.

Environment

Libs:
- react version: 18.0.0
- reakeys version: 2.0.3


Browser:
- [x] Chrome (desktop) version latest
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
 
For Tooling issues:
- Node version: 16.18.5
- Platform:  MacOS

Others:

[fdharamshi]

@amcdnl please take a look^

[fdharamshi]

Hi, any updates on this? @amcdnl @evgenoid

[evgenoid]

Hi, any updates on this? @amcdnl @evgenoid

@fdharamshi could you provide more details because I can't reproduce it?

[fdharamshi]

@evgenoid

This useSelection you see, internally uses Reakeys which uses CTRL-KEYS
And this is where I was getting the error that says keys() is not a function

[fdharamshi]

@evgenoid @amcdnl - I had to add jest.mocks in setupTests.js to bypass it for now:

jest.mock('reagraph', () => ({
  install: jest.fn(() => {}),
}));

jest.mock('reakeys', () => ({
  keys: jest.fn(() => {}),
}));

But what would be the right way to fix it?

[async-jpx]

Are there any works around for this, like disabling hotkeys?

[evgenoid]

@evgenoid

This useSelection you see, internally uses Reakeys which uses CTRL-KEYS And this is where I was getting the error that says keys() is not a function

Yes, and it seems the same issue for reaflow: reaviz/reaflow#265
But I can reproduce it only in sandbox and locally with Vite all works fine for me

[amcdnl]

@evgenoid - i believe its a NextJS issue.