Fix preventChangePropagation

package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-done-tracker",
-  "version": "0.0.15-beta.4",
+  "version": "0.0.15-beta.5",
   "description": "Keep track of when your React tree is done loading",
   "type": "module",
   "main": "./dist/index.js",

src/done-tracker-interface.ts

@@ -26,6 +26,8 @@ export interface DoneTracker {
   readonly erroredAt: number | null;
   readonly pendingAt: number;
 
+  readonly preventChangePropagation: boolean;
+
   addEventListener<K extends keyof DoneTrackerEventMap>(event: K, listener: DoneTrackerListener<K>): void;
 
   removeEventListener<K extends keyof DoneTrackerEventMap>(event: K, listener: DoneTrackerListener<K>): void;

src/leaf-done-tracker.ts

@@ -16,6 +16,8 @@ export class LeafDoneTracker extends BaseDoneTracker implements DoneTracker {
   private _erroredAt: number | null = null;
   private _pendingAt: number = performance.now();
 
+  public preventChangePropagation = false;
+
   get id() {
     return this._name ? `${this._id}:${this._name}` : this._id;
   }

src/node-done-tracker.ts

@@ -18,13 +18,14 @@ export class NodeDoneTracker extends BaseDoneTracker implements DoneTracker {
   private _error: any = null;
   private _errorSource: DoneTracker | undefined;
   public skip = false;
-  public preventChangePropagation = false;
 
   private readonly _createdAt = performance.now();
   private _doneAt: number | null = null;
   private _erroredAt: number | null = null;
   private _pendingAt: number = performance.now();
 
+  public preventChangePropagation = false;
+
   get id() {
     return this._name ? `${this._id}:${this._name}` : this._id;
   }
@@ -130,12 +131,14 @@ export class NodeDoneTracker extends BaseDoneTracker implements DoneTracker {
       if (!canReset) return;
       this.reset();
     });
-    child.addEventListener("change", () => {
-      debug("Child of", this.id, "changed");
-      if (!this.done) return;
-      if (this.preventChangePropagation) return;
-      this.dispatchEvent("change");
-    });
+    if (!child.preventChangePropagation) {
+      child.addEventListener("change", () => {
+        debug("Child of", this.id, "changed");
+        if (!this.done) return;
+        // needs to be available for useDoneTrackerSubscription
+        this.dispatchEvent("change");
+      });
+    }
 
     if (child.done) {
       debug("Child was already done when added", child.id);