Issue with gatsby-source-sanity plugin and GraphQL resolved by starting a new folder with Gatsby v4.

ericphifer@Erics-MBP gatsby-prlogin % npm i gatsby-source-sanity
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: prhoa-gatsby-login@0.1.0
npm ERR! Found: gatsby@3.14.6
npm ERR! node_modules/gatsby
npm ERR!   gatsby@"^3.0.0" from the root project
npm ERR!   peer gatsby@"^3.0.0 || ^4.0.0" from gatsby-source-sanity@7.4.2
npm ERR!   node_modules/gatsby-source-sanity
npm ERR!     gatsby-source-sanity@"*" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer gatsby@"^4.0.0-next" from gatsby-plugin-image@2.14.1
npm ERR! node_modules/gatsby-plugin-image
npm ERR!   peer gatsby-plugin-image@"^1.0.0 || ^2.0.0" from gatsby-source-sanity@7.4.2
npm ERR!   node_modules/gatsby-source-sanity
npm ERR!     gatsby-source-sanity@"*" 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! See /Users/ericphifer/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/ericphifer/.npm/_logs/2022-05-12T18_13_17_358Z-debug-0.log