Support React v18

[CWSites]

When attempting to install on a project which is using react 18.2.0 I get the following errors.

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: ember-agency-website@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"^18.2.0" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.2" from react-hash-scroll@1.4.7
npm ERR! node_modules/react-hash-scroll
npm ERR!   react-hash-scroll@"*" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

[github-actions]

Thank you for contributing to React Hash Scroll!

[YashTotale]

Thank you for opening this issue, @CWSites. I'll try to get around to adding support for React v18 in the next few days. If this issue still persists, please ping me on this thread.

[CWSites]

Thanks for the quick response @YashTotale, I ran the command with --legacy-peer-deps and it's working but I'm getting the following warnings in my IDE.

WARNING in ./node_modules/react-hash-scroll/cjs/react-hash-scroll.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/react-hash-scroll/src/Utils/constants.ts' file: Error: ENOENT: no such file or directory, open '/node_modules/react-hash-scroll/src/Utils/constants.ts'

WARNING in ./node_modules/react-hash-scroll/cjs/react-hash-scroll.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/react-hash-scroll/src/Utils/functions.ts' file: Error: ENOENT: no such file or directory, open '/node_modules/react-hash-scroll/src/Utils/functions.ts'

WARNING in ./node_modules/react-hash-scroll/cjs/react-hash-scroll.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/react-hash-scroll/src/Utils/messages.ts' file: Error: ENOENT: no such file or directory, open '/node_modules/react-hash-scroll/src/Utils/messages.ts'

[CWSites]

Checking in here @YashTotale, any luck?

[henrybabbage]

Thank you for the library. Just to note this is not currently working with React 18 in a Next JS project.

[CWSites]

Hey @YashTotale, thank you so much for this, following up to see if there is something I can do to help, do you know why React 18 isn't supported? Is it just a matter of updating the dependency list or is there functionality which is impacted by the update?

[juan-velvet]

Info bird: Not working with React 18 in a Next JS project.

When installing i get

npm i react-hash-scroll
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: velvettech.io@0.1.0
npm ERR! Found: react@18.2.0
npm ERR! node_modules/react
npm ERR!   react@"18.2.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^17.0.2" from react-hash-scroll@1.4.7
npm ERR! node_modules/react-hash-scroll
npm ERR!   react-hash-scroll@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.

Edit: using --force the code doesnt work neither it throw exception

Unhandled Runtime Error
TypeError: Cannot read properties of undefined (reading 'location')

Call Stack
Module.useLocation
node_modules/react-router/esm/react-router.js (907:0)
useHashScroll
node_modules/react-hash-scroll/cjs/react-hash-scroll.js (34:0)
HashScroll
node_modules/react-hash-scroll/cjs/react-hash-scroll.js (72:0)
renderWithHooks
node_modules/react-dom/cjs/react-dom.development.js (16305:0)
mountIndeterminateComponent
node_modules/react-dom/cjs/react-dom.development.js (20074:0)
beginWork
node_modules/react-dom/cjs/react-dom.development.js (21587:0)
HTMLUnknownElement.callCallback
node_modules/react-dom/cjs/react-dom.development.js (4164:0)
Object.invokeGuardedCallbackDev
node_modules/react-dom/cjs/react-dom.development.js (4213:0)
invokeGuardedCallback
node_modules/react-dom/cjs/react-dom.development.js (4277:0)

[hishamank]

Thanks for the quick response @YashTotale, I ran the command with --legacy-peer-deps and it's working but I'm getting the following warnings in my IDE.

WARNING in ./node_modules/react-hash-scroll/cjs/react-hash-scroll.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/react-hash-scroll/src/Utils/constants.ts' file: Error: ENOENT: no such file or directory, open '/node_modules/react-hash-scroll/src/Utils/constants.ts'

WARNING in ./node_modules/react-hash-scroll/cjs/react-hash-scroll.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/react-hash-scroll/src/Utils/functions.ts' file: Error: ENOENT: no such file or directory, open '/node_modules/react-hash-scroll/src/Utils/functions.ts'

WARNING in ./node_modules/react-hash-scroll/cjs/react-hash-scroll.js
Module Warning (from ./node_modules/source-map-loader/dist/cjs.js):
Failed to parse source map from '/node_modules/react-hash-scroll/src/Utils/messages.ts' file: Error: ENOENT: no such file or directory, open '/node_modules/react-hash-scroll/src/Utils/messages.ts'

I'm getting the same warnings, any updates here ?

[CWSites]

This is still an issue :(

[henrybabbage]

Can we assume this library is no-more?