fix: use removeEventListener in rnw

Author: ElForastero

src/DynamicStyleSheet.ts

@@ -81,10 +81,11 @@ export class DynamicStyleSheet {
           if (!canUseDOM) {
             debug('unsubscribing from mql');
             mql.forEach(mq => mq.unsubscribe());
+            // @ts-expect-error https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55354
+            subscription.remove();
+          } else {
+            Appearance.removeChangeListener(appearanceListener);
           }
-
-          // @ts-expect-error https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55354
-          subscription.remove();
         };
       }, []);
 

src/hooks/useDerivedValue.ts

@@ -1,5 +1,6 @@
 import { Dimensions, ScaledSize } from 'react-native';
 import { useEffect, useRef, useState } from 'react';
+import { canUseDOM } from '../utils/utils';
 
 /**
  * Use some value derived from dimensions.
@@ -26,8 +27,14 @@ export const useDerivedValue = <T>(func: DerivedFunc<T>): T => {
 
     const subscription = Dimensions.addEventListener('change', listener);
 
-    // @ts-expect-error https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55354
-    return subscription.remove;
+    return () => {
+      if (!canUseDOM) {
+        // @ts-expect-error https://github.com/DefinitelyTyped/DefinitelyTyped/pull/55354
+        subscription.remove();
+      } else {
+        Dimensions.removeEventListener('change', listener);
+      }
+    };
   }, []);
 
   return valueRef.current;