NX with devtools not working

[pbochnak]

Is it possible using devtools with nx? Do we have any version restrictions? I've got two projects using nx and both have the same issue with devtools. The first one uses "@angular/core": "~15.0.0" and "@nrwl/angular": "15.4.2". The second one "@angular/core": "~15.1.0" and "@nrwl/angular": "15.7.1". Problem doesn't exist for plain angular app (without nx).

[luii]

Im currently using NX (15.5.0) with Angular (15.1.0) no problems whatsoever.
Im using the standalone bootstrapApplication with microfrontends so even with a more sophisticated repo it should be working.

Here's how im initializing my devtools:

bootstrapApplication(AppComponent, {
  providers: [
  environment.production
    ? []
    : {
      provide: ENVIRONMENT_INITIALIZER,
      multi: true,
      useValue() {
        const queryClient = inject(QueryClientService);
        import('@ngneat/query-devtools').then((m) => {
          m.ngQueryDevtools({ queryClient });
        });
      },
    },
  // ...
  ]
});

It would be helpful if you'd provide a repository with that said error.
Also could it be that you have react as a dependency in you package.json ?

[pbochnak]

It turned out, that nx adds to node_modules react in version 16.4.2, unfortunately our packages needs react 18. I've added "react": "^18.0.0" as a dependency of my angular project which solved my issue.