Problem of installing the Plugin Gatsby-Plugin-Transition-Link with REACT 17.

[Pataco80]

Hello,

I tried to associate your plugin with a project that I just started with Gatsby V3.

I received the error here is the report.

0 verbose cli [ 0 verbose cli '/usr/local/bin/node', 0 verbose cli '/usr/local/bin/npm', 0 verbose cli 'i', 0 verbose cli 'gatsby-plugin-transition-link' 0 verbose cli ] 1 info using npm@7.6.0 2 info using node@v14.15.4 3 timing config:load:defaults Completed in 1ms 4 timing config:load:file:/usr/local/lib/node_modules/npm/npmrc Completed in 2ms 5 timing config:load:builtin Completed in 2ms 6 timing config:load:cli Completed in 1ms 7 timing config:load:env Completed in 0ms 8 timing config:load:file:/Users/ricardodovale/Sites/gatsby-sites/dwdeveloppement/.npmrc Completed in 0ms 9 timing config:load:project Completed in 1ms 10 timing config:load:file:/Users/ricardodovale/.npmrc Completed in 0ms 11 timing config:load:user Completed in 0ms 12 timing config:load:file:/usr/local/etc/npmrc Completed in 0ms 13 timing config:load:global Completed in 0ms 14 timing config:load:cafile Completed in 0ms 15 timing config:load:validate Completed in 0ms 16 timing config:load:setUserAgent Completed in 1ms 17 timing config:load:setEnvs Completed in 0ms 18 timing config:load Completed in 6ms 19 verbose npm-session f379030e4f4b3b44 20 timing npm:load Completed in 11ms 21 timing arborist:ctor Completed in 1ms 22 timing idealTree:init Completed in 695ms 23 timing idealTree:userRequests Completed in 2ms 24 silly idealTree buildDeps 25 silly fetch manifest gatsby-plugin-transition-link@* 26 http fetch GET 200 https://registry.npmjs.org/gatsby-plugin-transition-link 109ms (from cache) 27 silly fetch manifest react@^17.0.1 28 timing arborist:ctor Completed in 0ms 29 http fetch GET 304 https://registry.npmjs.org/react 576ms (from cache) 30 silly fetch manifest react@^16.8.5 31 timing idealTree Completed in 1396ms 32 timing command:install Completed in 1403ms 33 verbose stack Error: unable to resolve dependency tree 33 verbose stack at Arborist.[failPeerConflict] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:1141:25) 33 verbose stack at Arborist.[loadPeerSet] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:1118:34) 33 verbose stack at async Arborist.[buildDepStep] (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:836:11) 33 verbose stack at async Arborist.buildIdealTree (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/build-ideal-tree.js:209:7) 33 verbose stack at async Promise.all (index 1) 33 verbose stack at async Arborist.reify (/usr/local/lib/node_modules/npm/node_modules/@npmcli/arborist/lib/arborist/reify.js:130:5) 33 verbose stack at async install (/usr/local/lib/node_modules/npm/lib/install.js:38:3) 34 verbose cwd /Users/ricardodovale/Sites/gatsby-sites/dwdeveloppement 35 verbose Darwin 20.3.0 36 verbose argv "/usr/local/bin/node" "/usr/local/bin/npm" "i" "gatsby-plugin-transition-link" 37 verbose node v14.15.4 38 verbose npm v7.6.0 39 error code ERESOLVE 40 error ERESOLVE unable to resolve dependency tree 41 error 42 error While resolving: dwdeveloppement@1.0.0 42 error Found: react@17.0.1 42 error node_modules/react 42 error react@"^17.0.1" from the root project 42 error 42 error Could not resolve dependency: 42 error peer react@"^16.8.5" from gatsby-plugin-transition-link@1.20.5 42 error node_modules/gatsby-plugin-transition-link 42 error gatsby-plugin-transition-link@"*" from the root project 42 error 42 error Fix the upstream dependency conflict, or retry 42 error this command with --force, or --legacy-peer-deps 42 error to accept an incorrect (and potentially broken) dependency resolution. 42 error 42 error See /Users/ricardodovale/.npm/eresolve-report.txt for a full report. 43 verbose exit 1

Obviously, it does not yet support version 17 of ReACT.

Thank you.

[hawkstein]

Hi, I've managed to get this plugin working on v3 with React 17. Have you checked out the migration guide ?

[kyryloren]

Hi, I've managed to get this plugin working on v3 with React 17. Have you checked out the migration guide ?

Can you tell us what you specifically did to get it working?

[hello-therapy]

Were you able to fix this issue ?

[kyryloren]

Were you able to fix this issue ?

Nope, I just used framer-motion.

[lobolab-website]

I'm having the same problem... Looked at the migration guide, but no clue... Can someone help?

npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: lobolab-new-website@1.0.0 npm ERR! Found: react@17.0.2 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.5" from gatsby-plugin-transition-link@1.20.5 npm ERR! node_modules/gatsby-plugin-transition-link npm ERR! gatsby-plugin-transition-link@"*" 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.

[sepehrjf]

@kyryloren great job on your portfolio website! What tutorial did you use to install framer-motion on your gatsby project?

[kyryloren]

@kyryloren great job on your portfolio website! What tutorial did you use to install framer-motion on your gatsby project?

You can use this tutorial to set up basic page transitions with gatsby and framer-motion

[slaymantis]

I am getting the same issue with Gatsby v4 I used --legacy-peer-deps to help it install

[ZaidKhan144]

@slaymantis which version of react you are using?

[ZaidKhan144]

I'm using gatsby v3 with React 17 and I'm running into dependency issues while deploying on Netlify. I have deployed my project in the past on netlify with gatsby v3 and React 17 but now suddenly I'm getting a bunch of issues.