Fix leaking listeners

packages/realm-react/src/cachedCollection.ts

@@ -182,11 +182,12 @@ export function createCachedCollection<T extends Realm.Object<any>>({
     }
   };
 
+  let setImmediateId: ReturnType<typeof setImmediate> | undefined = undefined;
   if (!isDerived) {
     // If we are in a transaction, then push adding the listener to the event loop.  This will allow the write transaction to finish.
     // see https://github.com/realm/realm-js/issues/4375
     if (realm.isInTransaction) {
-      setImmediate(() => {
+      setImmediateId = setImmediate(() => {
         collection.addListener(listenerCallback, keyPaths);
       });
     } else {
@@ -196,6 +197,10 @@ export function createCachedCollection<T extends Realm.Object<any>>({
 
   const tearDown = () => {
     if (!isDerived) {
+      if (setImmediateId) {
+        clearImmediate(setImmediateId);
+        setImmediateId = undefined;
+      }
       collection.removeListener(listenerCallback);
       objectCache.clear();
     }

packages/realm-react/src/runtime.d.ts

@@ -25,3 +25,7 @@ declare type Console = {
 declare const console: Console;
 
 declare function setImmediate(cb: (...args: unknown[]) => void);
+
+declare type Timer = unknown;
+declare function clearImmediate(timer: Timer): void;
+