Could not resolve dependency error

[SaiSa22]

Hello all, I am trying to add an NPM package to the NodeJS CLI template and I am getting a dependency error.

Trying to install the "react-simple-maps"package with -- npm install --save react-simple-maps --

Below is the output. I've tried the same with older version of the package, and also other maps packages like google-react-maps and still get the same error. QUESTION: Am I doing something wrong in principle? Is this not the correct way to add a package to a Cli generated app?

npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: [email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^17.0.2" from @shopify/[email protected] npm ERR! node_modules/@shopify/cli-kit npm ERR! @shopify/cli-kit@"3.19.0" from @shopify/[email protected] npm ERR! node_modules/@shopify/app npm ERR! @shopify/app@"3.19.0" from the root project npm ERR! @shopify/cli-kit@"3.19.0" from @shopify/[email protected] npm ERR! node_modules/@shopify/cli npm ERR! @shopify/cli@"3.19.0" from the root project npm ERR! 1 more (@shopify/plugin-ngrok) npm ERR! peer react@">=16.8.0" from [email protected] npm ERR! node_modules/ink npm ERR! ink@"^3.2.0" from @shopify/[email protected] npm ERR! node_modules/@shopify/cli-kit npm ERR! @shopify/cli-kit@"3.19.0" from @shopify/[email protected] npm ERR! node_modules/@shopify/app npm ERR! @shopify/app@"3.19.0" from the root project npm ERR! 2 more (@shopify/cli, @shopify/plugin-ngrok) npm ERR! 1 more (react-reconciler) npm ERR! npm ERR! Could not resolve dependency: npm ERR! react-simple-maps@"*" from the root project npm ERR! npm ERR! Conflicting peer dependency: [email protected] npm ERR! node_modules/react npm ERR! peer react@"^18.2.0" from [email protected] npm ERR! node_modules/react-dom npm ERR! peer react-dom@"^16.8.0 || 17.x || 18.x" from [email protected] npm ERR! node_modules/react-simple-maps npm ERR! react-simple-maps@"*" from the root project