fix: backdrop -> check if mounted before setting state

src/components/bottomSheetBackdrop/BottomSheetBackdrop.tsx

@@ -1,4 +1,11 @@
-import React, { memo, useCallback, useMemo, useState } from 'react';
+import React, {
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+} from 'react';
 import { ViewProps } from 'react-native';
 import Animated, {
   interpolate,
@@ -36,6 +43,7 @@ const BottomSheetBackdropComponent = ({
 }: BottomSheetDefaultBackdropProps) => {
   //#region hooks
   const { snapToIndex, close } = useBottomSheet();
+  const isMounted = useRef(false);
   //#endregion
 
   //#region defaults
@@ -53,6 +61,16 @@ const BottomSheetBackdropComponent = ({
   >(enableTouchThrough ? 'none' : 'auto');
   //#endregion
 
+  //#region effects
+  useEffect(() => {
+    // Without this we get "Warning: Can't perform a React state update on an unmounted component [...] in BottomSheetBackdrop"
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  //#endregion
+
   //#region callbacks
   const handleOnPress = useCallback(() => {
     onPress?.();
@@ -67,7 +85,8 @@ const BottomSheetBackdropComponent = ({
   }, [snapToIndex, close, disappearsOnIndex, pressBehavior, onPress]);
   const handleContainerTouchability = useCallback(
     (shouldDisableTouchability: boolean) => {
-      setPointerEvents(shouldDisableTouchability ? 'none' : 'auto');
+      isMounted.current &&
+        setPointerEvents(shouldDisableTouchability ? 'none' : 'auto');
     },
     []
   );