Comments (7)
Hey,
I am getting the following error with Next.js@12, react@18 and [email protected]
Header.tsx
has the following import statement:import { useWindowScroll, useThrottledCallback } from 'beautiful-react-hooks';Please let me know what other info I can provide. I don't know what I am doing wrong here.
error - ./node_modules/beautiful-react-hooks/esm/useQueryParam.js:1:0 Module not found: Can't resolve 'react-router-dom' Import trace for requested module: ./node_modules/beautiful-react-hooks/esm/index.js ./components/Header/Header.tsx ./pages/_app.tsx
Hi @lukasoppermann, thanks for opening this issue but looks like you're importing the entire library from index.ts
and therefore importing useQueryParam
which relies on react-router-dom
.
You should import only hooks that you're using, follow the documentation examples
from beautiful-react-hooks.
Did this change "recently"? Anyway, that of course helped. Thank you very much.
mh, yes and no... the index.ts
is there since the first releases but I've recently introduced hooks that are in fact relying on third parties, hence the issue. I had to fix the documentation to encourage importing single imports, that's correct
I will probably be deprecating the index file soon as it causes more troubles than anything
from beautiful-react-hooks.
+1, not usable on React native at the moment.
from beautiful-react-hooks.
This causes issues for people using this lib on platforms like react-native. While it's true it can be fixed by importing each hook separately from their own file it is an inconvenient breaking change and required us to fix quite a few components.
from beautiful-react-hooks.
Don't think they'll be rolling back though. Can still be used by changing your imports, but still, annoying breaking change.
-import { usePreviousValue } from 'beautiful-react-hooks'
+import usePreviousValue from 'beautiful-react-hooks/usePreviousValue'
from beautiful-react-hooks.
@lukasoppermann please close the issue if it's solved ;)
from beautiful-react-hooks.
Did this change "recently"? Anyway, that of course helped. Thank you very much.
from beautiful-react-hooks.
Related Issues (20)
- Autogenerate CHANGELOG.md
- remove index.ts from the codebase to force correct imports HOT 4
- Feature request for useSSR hook HOT 2
- useThrottledCallback doesn't consider dependencies
- Update `react-router-dom` to v6 HOT 3
- I need help about writing tests, element.scrollWidth always is 0 HOT 3
- useAudio hook can't change src when input new src HOT 2
- useLocalStorage causing infinite loops when setValue is a dependency in a useEffect HOT 2
- Remove or reduce unsupported API console warnings HOT 3
- More feature from thrid libs HOT 2
- Type declaration error with useInterval hook's clearInterval function HOT 10
- Deprecate all react-router-dom related hooks HOT 1
- `useGeolocation` not updating state in Firefox desktop
- useAudioControls returning new controls object everytime state is updated
- :memo useWillUnmount should called useUnmount HOT 2
- Type resolution for ESM modules is broken HOT 6
- useDebouncedCallback doesn't consider its dependencies HOT 2
- ESM modules import does not working HOT 1
- react-router peer dependency is being install HOT 1
- Proposal to Update React Peer Dependency to Allow Installation of Later Versions HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from beautiful-react-hooks.