missing dependencies

[dy]

Just yarn add react-use and got

Module not found: Can't resolve 'keyboardjs' in 'C:\projects\ACQ-Portal\node_modules\react-use\esm'

[dy]

Same for

Module not found: Can't resolve 'rebound' in 'C:\projects\ACQ-Portal\node_modules\react-use\esm'

[scottc11]

also getting this.

[nino-moreton]

Also getting exactly
Module not found: Can't resolve 'keyboardjs' in 'C:\[myprojectname]\node_modules\react-use\esm'

Using v7.0.0

[streamich]

rebound and keyboardjs are now in peerDependencies and have to be installed separately, as some people were complaining about the large bundle size.

[Kosai106]

@streamich A bit tedious but I understand the reasoning for this.

[wardoost]

I added a peer dependency note to the useKeyboardJs docs and aligned the useSpring docs with it. Less people should run into this issue now.

[soosap]

These errors also appear when using useMouse as well.

If i use import useMouse from 'react-use/lib/useMouse' then these errors are not thrown. They appear the moment I use the following import style: import { useMouse } from 'react-use'.

Is there a way to fix the error for the latter import style?

[wardoost]

@soosap The error will show up no matter what hook you are importing. As far as I know there are 2 ways to avoid the error and use the import { useMouse } from 'react-use' import style:

1. Install peer dependencies or
2. Use a babel transform plugin as described in Remove large dependencies #102 (comment)

[vinkla]

I'm also seeing this error even when I'm only importing useTitle:

import { useTitle } from 'react-use';

If I switch to use the full path (as suggested by @soosap) the error doesn't show:

import useTitle from 'react-use/lib/useTitle';

[chandlervdw]

Happens with useScroll, too. While it works, @vinkla's fix shouldn't have to be the case.

[wardoost]

@vinkla Methods of importing are documented in the usage section in the readme. This question seems to come back a lot though. Any suggestions how this can be documented better? Or a fix would even be better of course @chandlervdw?

[vinkla]

@wardoost I guess what I found confusing was that one could use both named imports or full path. In my case though, I wasn't able to import useTitle without the full path.