Not compatible with React ^17

[riceball1]

Tried this with react ^17.0.2 installed, but got the following error when trying to npm i react-textfit

Could not resolve dependency:
npm ERR! peer react@"^15.0.0 || ^16.0.0" from react-textfit@1.1.1
npm ERR! node_modules/react-textfit
npm ERR!   react-textfit@"*" from the root project

[abhishek0010]

Should work with--force

[Jennydunix]

@abhishek0010 thank you! it worked for me

[pberlia0202]

can you tell where to add --force in the command npm i react-textfit

[pberlia0202]

i m getting the same problem

[Jennydunix]

@pberlia0202 here's what I did

npm i react-textfit --force

[pberlia0202]

PS C:\Users\pberl\OneDrive\Desktop\my-calc> npm i react-textfit --force npm WARN using --force Recommended protections disabled. npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: react-textfit@1.1.1 npm WARN Found: react@18.2.0 npm WARN node_modules/react npm WARN peer react@"^18.0.0" from @testing-library/react@13.4.0 npm WARN node_modules/@testing-library/react npm WARN @testing-library/react@"^13.4.0" from the root project npm WARN 2 more (react-dom, the root project) npm WARN npm WARN Could not resolve dependency: npm WARN peer react@"^15.0.0 || ^16.0.0" from react-textfit@1.1.1 npm WARN node_modules/react-textfit npm WARN react-textfit@"^1.1.1" from the root project npm WARN npm WARN Conflicting peer dependency: react@16.14.0 npm WARN node_modules/react npm WARN peer react@"^15.0.0 || ^16.0.0" from react-textfit@1.1.1 npm WARN node_modules/react-textfit npm WARN react-textfit@"^1.1.1" from the root project npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: react-textfit@1.1.1 npm WARN Found: react-dom@18.2.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^18.0.0" from @testing-library/react@13.4.0 npm WARN node_modules/@testing-library/react npm WARN @testing-library/react@"^13.4.0" from the root project npm WARN 1 more (the root project) npm WARN npm WARN Could not resolve dependency: npm WARN peer react-dom@"^15.0.0 || ^16.0.0" from react-textfit@1.1.1 npm WARN node_modules/react-textfit npm WARN react-textfit@"^1.1.1" from the root project npm WARN npm WARN Conflicting peer dependency: react-dom@16.14.0 npm WARN node_modules/react-dom npm WARN peer react-dom@"^15.0.0 || ^16.0.0" from react-textfit@1.1.1 npm WARN react-textfit@"^1.1.1" from the root project

[pberlia0202]

This os the problem I m gettinng after using npm i react-textfit --force

[pberlia0202]

also after using --force, localhost stops working

[Jennydunix]

Ok let's try again run the command npm install react-textfit --save on your terminal

[pberlia0202]

PS C:\Users\pberl\OneDrive\Desktop\my-app> npm install react-textfit --save npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving: my-app@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@"^15.0.0 || ^16.0.0" from react-textfit@1.1.1 npm ERR! node_modules/react-textfit npm ERR! react-textfit@"*" 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. npm ERR! npm ERR! npm ERR! For a full report see: npm ERR! C:\Users\pberl\AppData\Local\npm-cache_logs\2023-03-16T15_06_56_708Z-eresolve-report.txt

npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\pberl\AppData\Local\npm-cache_logs\2023-03-16T15_06_56_708Z-debug-0.log

[Jennydunix]

I just tried it out on my react application and it worked

[QASIMMIRZA-007]

i was facing this same issue . After research i come to know that npm install react-textfit --save -force works and required module installed other wise you can try npm i react-textfit --save --legacy-peer-deps but my recommendation is npm install react-textfit --save -force.

[jujharsingh2802]

For me the problem is coming on deployment on vercel

[jujharsingh2802]

The problem I encountered was not in the app rather in deployement, but the problem was resolved after I downgraded my react version