react 17 is unsupported

[frfancha]

npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^17.0.1" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^15.0.0 || ^16.0.0" from [email protected] npm ERR! node_modules/react-input-range npm ERR! react-input-range@"*" from the root project

[jjorissen52]

I doubt that React is going to make a change that breaks this library. Please consider an open-ended react dependency which matches devDependencies.react, or, preferably, even less restrictive than that.

[chubun]

I removed devDependencies and tried to build the package but 'npm i' gave tons of errors. Any suggestion.

npm ERR! code 1 npm ERR! path c:\Projects\react-input-range\node_modules\node-sass npm ERR! command failed npm ERR! command C:\WINDOWS\system32\cmd.exe /d /s /c node scripts/build.js npm ERR! Building: C:\Program Files\nodejs\node.exe c:\Projects\react-input-range\node_modules\node-gyp\bin\node-gyp.js rebuild --verbose --libsass_ext= --libsass_cflags= --libsass_ldflags= --libsass_library= npm ERR! gyp info it worked if it ends with ok npm ERR! gyp verb cli [ npm ERR! gyp verb cli 'C:\Program Files\nodejs\node.exe', npm ERR! gyp verb cli 'c:\Projects\react-input-range\node_modules\node-gyp\bin\node-gyp.js', npm ERR! gyp verb cli 'rebuild', npm ERR! gyp verb cli '--verbose', ... npm ERR! gyp verb "Release" dir needed to be created? null npm ERR! gyp verb copying "node.lib" for x64 C:\Users\mytest.node-gyp\14.15.0\Release\node.lib npm ERR! gyp info spawn C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\15.0\Bin\MSBuild.exe npm ERR! gyp info spawn args [ npm ERR! gyp info spawn args 'build/binding.sln', npm ERR! gyp info spawn args '/nologo', npm ERR! gyp info spawn args '/p:Configuration=Release;Platform=x64' npm ERR! gyp info spawn args ] npm ERR! gyp ERR! UNCAUGHT EXCEPTION npm ERR! gyp ERR! stack Error: spawn C:\Program Files (x86)\Microsoft Visual Studio\2019\Community\MSBuild\15.0\Bin\MSBuild.exe ENOENT npm ERR! gyp ERR! stack at Process.ChildProcess._handle.onexit (internal/child_process.js:269:19) npm ERR! gyp ERR! stack at onErrorNT (internal/child_process.js:465:16) npm ERR! gyp ERR! stack at processTicksAndRejections (internal/process/task_queues.js:80:21) npm ERR! gyp ERR! System Windows_NT 10.0.19041 npm ERR! gyp ERR! command "C:\Program Files\nodejs\node.exe" "c:\Projects\react-input-range\node_modules\node-gyp\bin\node-gyp.js" "rebuild" "--verbose" "--libsass_ext=" "--libsass_cflags=" "--libsass_ldflags=" "--libsass_library=" npm ERR! gyp ERR! cwd c:\Projects\react-input-range\node_modules\node-sass npm ERR! gyp ERR! node -v v14.15.0 npm ERR! gyp ERR! node-gyp -v v3.6.0 npm ERR! gyp ERR! This is a bug in node-gyp. npm ERR! gyp ERR! Try to update node-gyp and file an Issue if it does not help: npm ERR! gyp ERR! https://github.com/nodejs/node-gyp/issues npm ERR! Build failed with error code: 7

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\mytest\AppData\Local\npm-cache_logs\2021-07-01T00_44_08_197Z-debug.log

[NicolaG1993]

I had the same issue npm install react-input-range --force solved the errors, not sure if it is the best way to do it... but at least its working now

[satya1505]

npm install react-input-range --force

thanks

[aka47]

After updating to react 17 I get this error:

Uncaught TypeError: Cannot read properties of null (reading 'ownerDocument')
    at InputRange.removeDocumentMouseUpListener (input-range.js:494)
    at InputRange.componentWillUnmount (input-range.js:216)

react 17 made some changes to its event system, not sure if relates to it. But strange.