fix(devtools): extensions in zone.js (#245) [backport v19]

Run the DevTools extensions connection outside of zone.js.
Otherwise, the extensions would trigger zone.js unnecessarily
every second.

Closes #239

Author: rainerhahnekamp

libs/ngrx-toolkit/src/lib/devtools/internal/devtools-syncer.service.ts

@@ -1,5 +1,11 @@
 import { isPlatformBrowser } from '@angular/common';
-import { inject, Injectable, OnDestroy, PLATFORM_ID } from '@angular/core';
+import {
+  inject,
+  Injectable,
+  NgZone,
+  OnDestroy,
+  PLATFORM_ID,
+} from '@angular/core';
 import { StateSource } from '@ngrx/signals';
 import { REDUX_DEVTOOLS_CONFIG } from '../provide-devtools-config';
 import { currentActionNames } from './current-action-names';
@@ -52,11 +58,13 @@ export class DevtoolsSyncer implements OnDestroy {
   #currentState: Record<string, object> = {};
   #currentId = 1;
 
-  readonly #connection: Connection = this.#isBrowser
-    ? window.__REDUX_DEVTOOLS_EXTENSION__
-      ? window.__REDUX_DEVTOOLS_EXTENSION__.connect(this.#devtoolsConfig)
-      : dummyConnection
-    : dummyConnection;
+  readonly #connection: Connection = inject(NgZone).runOutsideAngular(() =>
+    this.#isBrowser
+      ? window.__REDUX_DEVTOOLS_EXTENSION__
+        ? window.__REDUX_DEVTOOLS_EXTENSION__.connect(this.#devtoolsConfig)
+        : dummyConnection
+      : dummyConnection,
+  );
 
   constructor() {
     if (!this.#isBrowser) {