[email protected] depends on react@"^16.8.0". When will there be a version for react@17?

[ar4hc]

This requirement seems to be new.
What broke react-form-form in react@17?
How long until there will be a version compatible with with react@17?

Not that i worry to much, but would be nice to know...

Thanks,

[bluebill1049]

it's compatible with react 17. react 16.8+
it already passes the integration test: https://github.com/react-hook-form/react-hook-form/blob/master/app/package.json

[ar4hc]

ok, then i got a strange error:

npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.8.0" from [email protected]
npm ERR! node_modules/react-hook-form
npm ERR!   react-hook-form@"^6.9.6" from the root project
npm ERR!

i read that as forms doesn't want to play with react 17... Am i wrong?

remove package-locks and node-modules dir, same error...

???

PS: Thanks for the quick answer.

[bluebill1049]

not sure about your setup.

• clone this and run it: https://github.com/react-hook-form/react-hook-form/tree/master/app
• running 17 at CSB: https://codesandbox.io/s/shy-thunder-63126?file=/src/App.tsx

[ar4hc]

first gave the same error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
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@"^16.8.0" from [email protected]
npm ERR! node_modules/react-hook-form
npm ERR!   react-hook-form@"^6.9.6" from the root project
npm ERR!
...

local on macOS 10.15.7 (19H2) with npm 7.0.3...
:(

[ar4hc]

i used npm i --legacy-peer-depsand it seems to work.

my projects package.json looks like this:

    "react": "^17.0.1",
    "react-dom": "^17.0.1",
    "react-hook-form": "^6.9.6",
    "react-number-format": "^4.4.1",
    "react-router": "^5.2.0",
    "react-router-dom": "^5.2.0",
    "react-scripts": "^4.0.0",
    "typescript": "^4.0.3"

and dev like:

  "devDependencies": {
    "@hookform/devtools": "^2.2.1",
    "canvas": "^2.6.1",
    "eslint": "^7.12.0",
    "eslint-config-prettier": "^6.14.0",
    "eslint-plugin-prettier": "^3.1.4",
    "eslint-plugin-react": "^7.21.5",
    "eslint-plugin-react-hooks": "^4.2.0",
    "notistack": "^1.0.1",
    "prettier": "^2.1.2",
    "prettier-eslint": "^11.0.0",
    "prop-types": "^15.7.2"
  }

i don't see any significant difference here...

rm package-lock and node-modules, fought a bit with a more picky eslint, but the app itself seems to work fine.

any ideas...?

[ar4hc]

looks like its related to this npm bug , i'll try yarn...

[bluebill1049]

I am adding this anyhow: #3273 :)