From c314382df33af2e8691cfcbccbbd78531305235d Mon Sep 17 00:00:00 2001
From: Rainer Hahnekamp <rainer.hahnekamp@gmail.com>
Date: Tue, 23 Sep 2025 23:27:47 +0200
Subject: [PATCH] fix(devtools): extensions in zone.js

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

Closes #239
---
 .../internal/devtools-syncer.service.ts       | 20 +++++++++++++------
 1 file changed, 14 insertions(+), 6 deletions(-)

diff --git a/libs/ngrx-toolkit/src/lib/devtools/internal/devtools-syncer.service.ts b/libs/ngrx-toolkit/src/lib/devtools/internal/devtools-syncer.service.ts
index 31f4940..29c84b5 100644
--- a/libs/ngrx-toolkit/src/lib/devtools/internal/devtools-syncer.service.ts
+++ b/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) {