title: How do I install a dependency on react?
body: <p>I am new to react, I am setting up a new react-app that uses jest for UnitTesting, I have installed it and have now created the react app. It usually just launches the app to my browser on localhost, however, I am now getting this error:</p>
  <pre><code>Debugger attached.
  Debugger attached.
  
  There might be a problem with the project dependency tree.
  It is likely not a bug in Create React App, but something you need to fix locally.
  
  The react-scripts package provided by Create React App requires a dependency:
  
    &quot;jest&quot;: &quot;26.6.0&quot;
  
  Don't try to install it manually: your package manager does it automatically.
  However, a different version of jest was detected higher up in the tree:
  
    C:\Users\tomas\OneDrive\Área de Trabalho\Gifermo2-react\gifermo2\node_modules\jest (version: 26.6.3)
  </code></pre>
  <p>I have tried to reinstall node_modules and reinstall jest.
  I have also run npm ls jest which gives the following output.</p>
  <pre><code>gifermo2@0.1.0 C:\Users\tomas\OneDrive\Área de Trabalho\Gifermo2-react\gifermo2
  ├── jest@26.6.3
  └─┬ react-scripts@4.0.2
    ├─┬ jest-watch-typeahead@0.6.1
    │ └── jest@26.6.3 deduped
    └── jest@26.6.0
  </code></pre>
  <p>I also get these steps to follow, which I have but nothing seems to work.</p>
  <pre><code>To fix the dependency tree, try following the steps below in the exact order:
  
    1. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.
    2. Delete node_modules in your project folder.
    3. Remove &quot;jest&quot; from dependencies and/or devDependencies in the package.json file in your project folder.
    4. Run npm install or yarn, depending on the package manager you use.
  
  In most cases, this should be enough to fix the problem.
  If this has not helped, there are a few other things you can try:
  
    5. If you used npm, install yarn (http://yarnpkg.com/) and repeat the above steps with it instead.
       This may help because npm has known issues with package hoisting which may get resolved in future versions.
  
    6. Check if C:\Users\tomas\OneDrive\Área de Trabalho\Gifermo2-react\gifermo2\node_modules\jest is outside your project directory.
       For example, you might have accidentally installed something in your home folder.
  
    7. Try running npm ls jest in your project folder.
       This will tell you which other package (apart from the expected react-scripts) installed jest.
  
  If nothing else helps, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
  
  P.S. We know this message is long but please read the steps above :-) We hope you find them helpful!
  
  Waiting for the debugger to disconnect...
  Waiting for the debugger to disconnect...
  npm ERR! code 1
  npm ERR! path C:\Users\tomas\OneDrive\Área de Trabalho\Gifermo2-react\gifermo2
  npm ERR! command failed
  npm ERR! command C:\Windows\system32\cmd.exe /d /s /c react-scripts start
  
  npm ERR! A complete log of this run can be found in:
  npm ERR!     C:\Users\tomas\AppData\Local\npm-cache\_logs\2021-02-15T23_40_56_648Z-debug.log
  Waiting for the debugger to disconnect...
  </code></pre>
  <p>I have googled everything but can't seem to find an answer, I am guessing that there is some conflict and I am using two different JEST versions, but on my package.json, I don't even have the jest dependecy.
  Any ideas?</p>