refactor: fix dimensions event removal deprecation handler

Author: araujobarret

ios/Podfile.lock

@@ -1347,7 +1347,7 @@ SPEC CHECKSUMS:
   Segment-Appboy: 3ccf7ffd34701e11029e1d013e57eae0756a8eb1
   Sentry: 71cd4427146ac56eab6e70401ac7a24384c3d3b5
   SentryPrivate: 9334613897c85a9e30f2c9d7a331af8aaa4fe71f
-  Sift: 8cd26419e0a9b0d94bd733b296353b68c44192aa
+  Sift: 7c27188ba3533c0a1be541d7efb68384e17e544c
   sift-react-native: 9ed8bc21788e3233399eaf196425246442aa7dee
   SocketRocket: f32cd54efbe0f095c4d7594881e52619cfe80b17
   Specta: 3e1bd89c3517421982dc4d1c992503e48bd5fe66

patches/react-native+0.69.12.patch renamed to patches/react-native+0.70.13.patch

@@ -1,9 +1,15 @@
-import { FilterIcon, Flex, Box, Text, Separator } from "@artsy/palette-mobile"
+import {
+  FilterIcon,
+  Flex,
+  Box,
+  Text,
+  Separator,
+  TouchableHighlightColor,
+} from "@artsy/palette-mobile"
 import { isPad } from "app/utils/hardware"
-import { TouchableHighlightColor } from "@artsy/palette-mobile"
+import { useScreenDimensions } from "app/utils/hooks"
 import React, { useEffect, useState } from "react"
 import { Animated, Dimensions, LayoutChangeEvent, PixelRatio } from "react-native"
-import { useScreenDimensions } from "app/utils/hooks"
 
 export interface FilterProps {
   total: number
@@ -61,10 +67,8 @@ export const HeaderArtworksFilter: React.FC<FilterProps> = ({ total, animationVa
 
   useEffect(() => {
     // orientation changed, allow for recalculation of pageY
-    Dimensions.addEventListener("change", orientationChanged)
-    return () => {
-      Dimensions.removeEventListener("change", orientationChanged)
-    }
+    const dimensionsEventSubscription = Dimensions.addEventListener("change", orientationChanged)
+    return () => dimensionsEventSubscription.remove()
   }, [])
 
   const orientationChanged = () => {

src/app/Components/HeaderArtworksFilter/HeaderArtworksFilter.tsx

@@ -43,10 +43,8 @@ export const ProvideScreenDimensions: React.FC = ({ children }) => {
     const onChange = () => {
       setDimensions(getCurrentDimensions())
     }
-    Dimensions.addEventListener("change", onChange)
-    return () => {
-      Dimensions.removeEventListener("change", onChange)
-    }
+    const dimensionsEventSubscription = Dimensions.addEventListener("change", onChange)
+    return () => dimensionsEventSubscription.remove()
   }, [])
 
   return (