title: Unable to install Recharts using npm
body: <p>npm install recharts using npm I get the following in my console</p>
  <pre><code>npm ERR! code ERESOLVE                                         
  npm ERR! ERESOLVE unable to resolve dependency tree            
  npm ERR!                                                       
  npm ERR! While resolving: project@0.1.0                        
  npm ERR! Found: react@18.0.0                                   
  npm ERR! node_modules/react                                    
  npm ERR!   react@&quot;^18.0.0&quot; from the root project               
  npm ERR!                                                       
  npm ERR! Could not resolve dependency:                         
  npm ERR! peer react@&quot;^16.0.0 || ^17.0.0&quot; from recharts@2.1.9   
  npm ERR! node_modules/recharts                                 
  npm ERR!   recharts@&quot;*&quot; 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) depend
  ency resolution.                                               
  npm ERR!                                                       
  npm ERR! See \npm-cache\eresolve-r
  eport.txt for a full report.                                   
                                                                 
  npm ERR! A complete log of this run can be found in:           
  npm ERR!     \npm-cache\_logs\2022
  -04-21T22_49_43_368Z-debug.log    
  </code></pre>
  <p>Why is this happening?</p>