Version latest 2.3.0 fails on dependency with @ngrx/component-store 17 and ng-recaptcha@latest

[morsagmon]

Attempting to install into an Angular 18.0.1 app fails on dependency check:

npm i @abacritt/[email protected] 
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @ngrx/[email protected]
npm error Found: @angular/[email protected]
npm error node_modules/@angular/core
npm error   peer @angular/core@"18.0.1" from @angular/[email protected]
npm error   node_modules/@angular/animations
npm error     peerOptional @angular/animations@"18.0.1" from @angular/[email protected]
npm error     node_modules/@angular/platform-browser
npm error       peer @angular/platform-browser@"18.0.1" from @angular/[email protected]
npm error       node_modules/@angular/forms
npm error         @angular/forms@"^18.0.1" from the root project
npm error       3 more (@angular/platform-browser-dynamic, @angular/router, the root project)
npm error     @angular/animations@"^18.0.1" from the root project
npm error   peer @angular/core@"18.0.1" from @angular/[email protected]
npm error   node_modules/@angular/common
npm error     peer @angular/common@"18.0.1" from @angular/[email protected]
npm error     node_modules/@angular/forms
npm error       @angular/forms@"^18.0.1" from the root project
npm error     peer @angular/common@"18.0.1" from @angular/[email protected]
npm error     node_modules/@angular/platform-browser
npm error       peer @angular/platform-browser@"18.0.1" from @angular/[email protected]
npm error       node_modules/@angular/forms
npm error         @angular/forms@"^18.0.1" from the root project
npm error       3 more (@angular/platform-browser-dynamic, @angular/router, the root project)
npm error     5 more (@angular/platform-browser-dynamic, @angular/router, ...)
npm error   8 more (@angular/compiler, @angular/forms, ...)
npm error
npm error Could not resolve dependency:
npm error peer @angular/core@"^17.0.0" from @ngrx/[email protected]
npm error node_modules/@ngrx/component-store
npm error   @ngrx/component-store@"^17.1.1" from the root project
npm error
npm error Conflicting peer dependency: @angular/[email protected]
npm error node_modules/@angular/core
npm error   peer @angular/core@"^17.0.0" from @ngrx/[email protected]
npm error   node_modules/@ngrx/component-store
npm error     @ngrx/component-store@"^17.1.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.

Trying to update @ngrx/component-store to 18.0.0 (latest) fails on dependency with ng-recaptcha 13.2.1 (latest):

npm i @ngrx/[email protected]
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: [email protected]
npm error Found: @angular/[email protected]
npm error node_modules/@angular/core
npm error   peer @angular/core@"18.0.1" from @angular/[email protected]
npm error   node_modules/@angular/animations
npm error     peerOptional @angular/animations@"18.0.1" from @angular/[email protected]
npm error     node_modules/@angular/platform-browser
npm error       peer @angular/platform-browser@"18.0.1" from @angular/[email protected]
npm error       node_modules/@angular/forms
npm error         @angular/forms@"^18.0.1" from the root project
npm error       3 more (@angular/platform-browser-dynamic, @angular/router, the root project)
npm error     @angular/animations@"^18.0.1" from the root project
npm error   peer @angular/core@"18.0.1" from @angular/[email protected]
npm error   node_modules/@angular/common
npm error     peer @angular/common@"18.0.1" from @angular/[email protected]
npm error     node_modules/@angular/forms
npm error       @angular/forms@"^18.0.1" from the root project
npm error     peer @angular/common@"18.0.1" from @angular/[email protected]
npm error     node_modules/@angular/platform-browser
npm error       peer @angular/platform-browser@"18.0.1" from @angular/[email protected]
npm error       node_modules/@angular/forms
npm error         @angular/forms@"^18.0.1" from the root project
npm error       3 more (@angular/platform-browser-dynamic, @angular/router, the root project)
npm error     4 more (@angular/platform-browser-dynamic, @angular/router, ...)
npm error   8 more (@angular/compiler, @angular/forms, ...)
npm error
npm error Could not resolve dependency:
npm error peer @angular/core@"^17.0.0" from [email protected]
npm error node_modules/ng-recaptcha
npm error   ng-recaptcha@"^13.2.1" from the root project
npm error
npm error Conflicting peer dependency: @angular/[email protected]
npm error node_modules/@angular/core
npm error   peer @angular/core@"^17.0.0" from [email protected]
npm error   node_modules/ng-recaptcha
npm error     ng-recaptcha@"^13.2.1" from the root project
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.

Here is package.json:

{
  "name": "my-dream-team",
  "version": "0.0.1",
  "scripts": {
    "ng": "ng",
    "start": "ng serve",
    "build": "ng build",
    "watch": "ng build --watch --configuration development",
    "test": "ng test"
  },
  "private": true,
  "dependencies": {
    "@angular/animations": "^18.0.1",
    "@angular/common": "^18.0.1",
    "@angular/compiler": "^18.0.1",
    "@angular/core": "^18.0.1",
    "@angular/forms": "^18.0.1",
    "@angular/platform-browser": "^18.0.1",
    "@angular/platform-browser-dynamic": "^18.0.1",
    "@angular/router": "^18.0.1",
    "@ngrx/component-store": "^17.1.1",
    "google-libphonenumber": "^3.2.33",
    "js-sha256": "^0.10.1",
    "ng-recaptcha": "^13.2.1",
    "ngx-cookie-service": "^17.1.0",
    "ngx-pixel-eventid": "^1.1.2",
    "primeflex": "^3.3.1",
    "primeicons": "^7.0.0",
    "primeng": "^17.12.0",
    "rxjs": "~7.8.0",
    "socket.io-client": "^4.7.2",
    "tslib": "^2.3.0",
    "wavesurfer.js": "^7.5.4",
    "zone.js": "~0.14.2"
  },
  "devDependencies": {
    "@angular-devkit/build-angular": "^18.0.2",
    "@angular/cli": "^18.0.2",
    "@angular/compiler-cli": "^18.0.1",
    "@types/bcryptjs": "^2.4.6",
    "@types/google-libphonenumber": "^7.4.30",
    "@types/jasmine": "~5.1.0",
    "jasmine-core": "~5.1.0",
    "karma": "~6.4.0",
    "karma-chrome-launcher": "~3.2.0",
    "karma-coverage": "~2.2.0",
    "karma-jasmine": "~5.1.0",
    "karma-jasmine-html-reporter": "~2.1.0",
    "typescript": "~5.4.5"
  }
}

So, is there a safe workaround I can take to use the social-login package?

[denizz311]

Also
Could not resolve dependency: npm ERR! peer @angular/common@">=18.0.1" from @abacritt/[email protected] npm ERR! node_modules/@abacritt/angularx-social-login npm ERR! @abacritt/angularx-social-login@"^2.3.0" from the root project npm ERR!