react-native-reanimated 2.3.0-beta.3 → 2.3.2

package/ios/LayoutReanimation/REAUIManager.mm

@@ -1,14 +1,17 @@
 #import "REAUIManager.h"
 #import <Foundation/Foundation.h>
-#import "RCTComponentData.h"
-#import "RCTLayoutAnimation.h"
-#import "RCTLayoutAnimationGroup.h"
-#import "RCTRootShadowView.h"
-#import "RCTRootViewInternal.h"
-#import "RCTUIManagerObserverCoordinator.h"
+#include "FeaturesConfig.h"
 #import "REAIOSScheduler.h"
 #include "Scheduler.h"
 
+#import <React/RCTComponentData.h>
+#import <React/RCTLayoutAnimation.h>
+#import <React/RCTLayoutAnimationGroup.h>
+#import <React/RCTModalHostView.h>
+#import <React/RCTRootShadowView.h>
+#import <React/RCTRootViewInternal.h>
+#import <React/RCTUIManagerObserverCoordinator.h>
+
 #if __has_include(<RNScreens/RNSScreen.h>)
 #import <RNScreens/RNSScreen.h>
 #endif
@@ -70,16 +73,29 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
         removeAtIndices:(NSArray<NSNumber *> *)removeAtIndices
                registry:(NSMutableDictionary<NSNumber *, id<RCTComponent>> *)registry
 {
+  if (!reanimated::FeaturesConfig::isLayoutAnimationEnabled()) {
+    [super _manageChildren:containerTag
+           moveFromIndices:moveFromIndices
+             moveToIndices:moveToIndices
+         addChildReactTags:addChildReactTags
+              addAtIndices:addAtIndices
+           removeAtIndices:removeAtIndices
+                  registry:registry];
+    return;
+  }
+
+  // Reanimated changes /start
   BOOL isUIViewRegistry = ((id)registry == (id)[self valueForKey:@"_viewRegistry"]);
   id<RCTComponent> container;
-  NSArray<id<RCTComponent>> *permanentlyRemovedChildren;
+  NSMutableArray<id<RCTComponent>> *permanentlyRemovedChildren;
   if (isUIViewRegistry) {
     container = registry[containerTag];
     for (id<RCTComponent> toRemoveChild in _toBeRemovedRegister[containerTag]) {
       [container removeReactSubview:toRemoveChild];
     }
 
-    permanentlyRemovedChildren = [super _childrenToRemoveFromContainer:container atIndices:removeAtIndices];
+    permanentlyRemovedChildren = (NSMutableArray *)[super _childrenToRemoveFromContainer:container
+                                                                               atIndices:removeAtIndices];
     if (permanentlyRemovedChildren != nil) {
       for (id<RCTComponent> permanentlyRemovedChild in permanentlyRemovedChildren) {
         if (_toBeRemovedRegister[containerTag] == nil) {
@@ -89,6 +105,7 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
       }
     }
   }
+  // Reanimated changes /end
 
   [super _manageChildren:containerTag
          moveFromIndices:moveFromIndices
@@ -98,6 +115,7 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
          removeAtIndices:removeAtIndices
                 registry:registry];
 
+  // Reanimated changes /start
   if (isUIViewRegistry) {
     NSMutableDictionary<NSNumber *, id<RCTComponent>> *viewRegistry = [self valueForKey:@"_viewRegistry"];
     for (id<RCTComponent> toRemoveChild in _toBeRemovedRegister[containerTag]) {
@@ -105,14 +123,27 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
       if (lastIndex < 0) {
         lastIndex = 0;
       }
-      [container insertReactSubview:toRemoveChild atIndex:lastIndex];
-      viewRegistry[toRemoveChild.reactTag] = toRemoveChild;
+      if ([toRemoveChild isKindOfClass:[RCTModalHostView class]]
+#if __has_include(<RNScreens/RNSScreen.h>)
+          || ([toRemoveChild isKindOfClass:[RNSScreenView class]])
+#endif
+      ) {
+        // we don't want layout animations when removing modals or Screens of native-stack since it brings buggy
+        // behavior
+        [_toBeRemovedRegister[container.reactTag] removeObject:toRemoveChild];
+        [permanentlyRemovedChildren removeObject:toRemoveChild];
+
+      } else {
+        [container insertReactSubview:toRemoveChild atIndex:lastIndex];
+        viewRegistry[toRemoveChild.reactTag] = toRemoveChild;
+      }
     }
 
     for (UIView *removedChild in permanentlyRemovedChildren) {
       [self callAnimationForTree:removedChild parentTag:containerTag];
     }
   }
+  // Reanimated changes /end
 }
 
 - (void)callAnimationForTree:(UIView *)view parentTag:(NSNumber *)parentTag
@@ -239,7 +270,13 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
         view.hidden = isHidden;
       }
 
-      REASnapshot *snapshotBefore = [[REASnapshot alloc] init:view];
+      // Reanimated changes /start
+      REASnapshot *snapshotBefore;
+      if (reanimated::FeaturesConfig::isLayoutAnimationEnabled()) {
+        snapshotBefore = [[REASnapshot alloc] init:view];
+      }
+      // Reanimated changes /end
+
       if (creatingLayoutAnimation) {
         // Animate view creation
         [view reactSetFrame:frame];
@@ -285,18 +322,23 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
         completion(YES);
       }
 
-      if (isNew) {
-        REASnapshot *snapshot = [[REASnapshot alloc] init:view];
-        [_animationsManager onViewCreate:view after:snapshot];
-      } else {
-        REASnapshot *snapshotAfter = [[REASnapshot alloc] init:view];
-        [_animationsManager onViewUpdate:view before:snapshotBefore after:snapshotAfter];
+      // Reanimated changes /start
+      if (reanimated::FeaturesConfig::isLayoutAnimationEnabled()) {
+        if (isNew) {
+          REASnapshot *snapshot = [[REASnapshot alloc] init:view];
+          [_animationsManager onViewCreate:view after:snapshot];
+        } else {
+          REASnapshot *snapshotAfter = [[REASnapshot alloc] init:view];
+          [_animationsManager onViewUpdate:view before:snapshotBefore after:snapshotAfter];
+        }
       }
     }
 
     [_animationsManager removeLeftovers];
     // Clean up
+    // uiManager->_layoutAnimationGroup = nil;
     [uiManager setValue:nil forKey:@"_layoutAnimationGroup"];
+    // Reanimated changes /end
   };
 }
 
@@ -331,7 +373,10 @@ std::weak_ptr<reanimated::Scheduler> _scheduler;
   NSMutableDictionary<NSNumber *, id<RCTComponent>> *viewRegistry = [self valueForKey:@"_viewRegistry"];
   [view.reactSuperview removeReactSubview:view];
   id<RCTComponent> parentView = viewRegistry[tag];
-  [parentView removeReactSubview:view];
+  @try {
+    [parentView removeReactSubview:view];
+  } @catch (id anException) {
+  }
 #if __has_include(<RNScreens/RNSScreen.h>)
   if ([view isKindOfClass:[RNSScreenView class]]) {
     [parentView didUpdateReactSubviews];

package/ios/Nodes/REAPropsNode.m

@@ -4,9 +4,9 @@
 #import "REANodesManager.h"
 #import "REAStyleNode.h"
 
+#import <React/RCTComponentData.h>
 #import <React/RCTLog.h>
 #import <React/RCTUIManager.h>
-#import "React/RCTComponentData.h"
 
 @implementation REAPropsNode {
   NSNumber *_connectedViewTag;

package/ios/REAEventDispatcher.m

@@ -7,7 +7,7 @@
 
 - (void)sendEvent:(id<RCTEvent>)event
 {
-  [[_bridge_reanimated moduleForName:@"ReanimatedModule"] eventDispatcherWillDispatchEvent:event];
+  [[[self bridge] moduleForName:@"ReanimatedModule"] eventDispatcherWillDispatchEvent:event];
   [super sendEvent:event];
 }
 

package/ios/REAModule.h

@@ -7,8 +7,6 @@
 
 #import "REAValueNode.h"
 
-extern RCTBridge *_bridge_reanimated;
-
 @interface REAModule : RCTEventEmitter <RCTBridgeModule, RCTEventDispatcherObserver, RCTUIManagerObserver>
 
 @property (nonatomic, readonly) REANodesManager *nodesManager;

package/ios/REAModule.m

@@ -6,8 +6,6 @@
 
 typedef void (^AnimatedOperation)(REANodesManager *nodesManager);
 
-RCTBridge *_bridge_reanimated = nil;
-
 @implementation REAModule {
   NSMutableArray<AnimatedOperation> *_operations;
   REATransitionManager *_transitionManager;
@@ -17,7 +15,6 @@ RCT_EXPORT_MODULE(ReanimatedModule);
 
 - (void)invalidate
 {
-  _bridge_reanimated = nil;
   _transitionManager = nil;
   [_nodesManager invalidate];
   [self.bridge.uiManager.observerCoordinator removeObserver:self];

package/ios/REANodesManager.m

@@ -116,6 +116,7 @@
   }
 
   _displayLink = [CADisplayLink displayLinkWithTarget:self selector:@selector(onAnimationFrame:)];
+  _displayLink.preferredFramesPerSecond = 120; // will fallback to 60 fps for devices without Pro Motion display
   [_displayLink addToRunLoop:[NSRunLoop mainRunLoop] forMode:NSRunLoopCommonModes];
   [_displayLink setPaused:true];
   return self;

package/ios/RNGestureHandlerStateManager.h

@@ -0,0 +1,5 @@
+@protocol RNGestureHandlerStateManager
+
+- (void)setGestureState:(int)state forHandler:(int)handlerTag;
+
+@end

package/ios/native/NativeMethods.h

@@ -5,6 +5,7 @@
 #include <utility>
 #include <vector>
 #import <vector>
+#import "RNGestureHandlerStateManager.h"
 
 namespace reanimated {
 
@@ -17,5 +18,9 @@ void scrollTo(
     double x,
     double y,
     bool animated);
+void setGestureState(
+    id<RNGestureHandlerStateManager> gestureHandlerStateManager,
+    int handlerTag,
+    int newState);
 
 } // namespace reanimated

package/ios/native/NativeMethods.mm

@@ -18,7 +18,7 @@ std::vector<std::pair<std::string, double>> measure(int viewTag, RCTUIManager *u
     rootView = rootView.superview;
   }
 
-  if (rootView == nil || (![rootView isReactRootView])) {
+  if (rootView == nil) {
     return std::vector<std::pair<std::string, double>>(1, std::make_pair("x", -1234567.0));
   }
 
@@ -44,4 +44,11 @@ void scrollTo(int scrollViewTag, RCTUIManager *uiManager, double x, double y, bo
   [scrollView scrollToOffset:(CGPoint){(CGFloat)x, (CGFloat)y} animated:animated];
 }
 
+void setGestureState(id<RNGestureHandlerStateManager> gestureHandlerStateManager, int handlerTag, int newState)
+{
+  if (gestureHandlerStateManager != nil) {
+    [gestureHandlerStateManager setGestureState:newState forHandler:handlerTag];
+  }
+}
+
 }

package/ios/native/NativeProxy.h

@@ -7,6 +7,7 @@
 namespace reanimated {
 
 std::shared_ptr<reanimated::NativeReanimatedModule> createReanimatedModule(
+    RCTBridge *bridge,
     std::shared_ptr<facebook::react::CallInvoker> jsInvoker);
 
 }

package/ios/native/NativeProxy.mm

@@ -12,6 +12,7 @@
 #import "REAModule.h"
 #import "REANodesManager.h"
 #import "REAUIManager.h"
+#import "RNGestureHandlerStateManager.h"
 
 #if __has_include(<reacthermes/HermesExecutorFactory.h>)
 #import <reacthermes/HermesExecutorFactory.h>
@@ -86,9 +87,10 @@ static id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &v
   throw std::runtime_error("Unsupported jsi::jsi::Value kind");
 }
 
-std::shared_ptr<NativeReanimatedModule> createReanimatedModule(std::shared_ptr<CallInvoker> jsInvoker)
+std::shared_ptr<NativeReanimatedModule> createReanimatedModule(
+    RCTBridge *bridge,
+    std::shared_ptr<CallInvoker> jsInvoker)
 {
-  RCTBridge *bridge = _bridge_reanimated;
   REAModule *reanimatedModule = [bridge moduleForClass:[REAModule class]];
 
   auto propUpdater = [reanimatedModule](
@@ -111,6 +113,11 @@ std::shared_ptr<NativeReanimatedModule> createReanimatedModule(std::shared_ptr<C
     scrollTo(viewTag, uiManager, x, y, animated);
   };
 
+  id<RNGestureHandlerStateManager> gestureHandlerStateManager = [bridge moduleForName:@"RNGestureHandlerModule"];
+  auto setGestureStateFunction = [gestureHandlerStateManager](int handlerTag, int newState) {
+    setGestureState(gestureHandlerStateManager, handlerTag, newState);
+  };
+
   auto propObtainer = [reanimatedModule](
                           jsi::Runtime &rt, const int viewTag, const jsi::String &propName) -> jsi::Value {
     NSString *propNameConverted = [NSString stringWithFormat:@"%s", propName.utf8(rt).c_str()];
@@ -223,6 +230,7 @@ std::shared_ptr<NativeReanimatedModule> createReanimatedModule(std::shared_ptr<C
       scrollToFunction,
       measuringFunction,
       getCurrentTime,
+      setGestureStateFunction,
   };
 
   module = std::make_shared<NativeReanimatedModule>(

package/ios/native/REAInitializer.mm

@@ -35,17 +35,21 @@ JSIExecutor::RuntimeInstaller REAJSIExecutorRuntimeInstaller(
   [eventDispatcher setBridge:bridge];
 #endif
   [bridge updateModuleWithInstance:eventDispatcher];
-  _bridge_reanimated = bridge;
   const auto runtimeInstaller = [bridge, runtimeInstallerToWrap](facebook::jsi::Runtime &runtime) {
     if (!bridge) {
       return;
     }
 #if RNVERSION >= 63
-    auto reanimatedModule = reanimated::createReanimatedModule(bridge.jsCallInvoker);
+    auto reanimatedModule = reanimated::createReanimatedModule(bridge, bridge.jsCallInvoker);
 #else
     auto callInvoker = std::make_shared<react::BridgeJSCallInvoker>(bridge.reactInstance);
-    auto reanimatedModule = reanimated::createReanimatedModule(callInvoker);
+    auto reanimatedModule = reanimated::createReanimatedModule(bridge, callInvoker);
 #endif
+    runtime.global().setProperty(
+        runtime,
+        "_WORKLET_RUNTIME",
+        static_cast<double>(reinterpret_cast<std::uintptr_t>(reanimatedModule->runtime.get())));
+
     runtime.global().setProperty(
         runtime,
         jsi::PropNameID::forAscii(runtime, "__reanimatedModuleProxy"),

package/lib/src/Animated.js

@@ -0,0 +1,31 @@
+import { LogBox } from 'react-native';
+import createAnimatedComponent from './createAnimatedComponent';
+import {
+  addWhitelistedNativeProps,
+  addWhitelistedUIProps,
+} from './ConfigHelper';
+import * as reanimated1 from './reanimated1';
+import ReanimatedComponents from './reanimated2/component';
+
+const Animated = {
+  // components
+  ...ReanimatedComponents,
+  createAnimatedComponent,
+  // configuration
+  addWhitelistedNativeProps,
+  addWhitelistedUIProps,
+  // reanimated 1
+  ...reanimated1,
+};
+
+export * from './reanimated2';
+export * from './reanimated1';
+export default Animated;
+
+// I think we can ignore this message as long as Gesture Handler doesn't
+// try to load the Reanimated module. I figured it should be here instead of
+// RNGH because this prevents the message from being displayed for all
+// versions of RNGH.
+LogBox.ignoreLogs([
+  'RCTBridge required dispatch_sync to load RNGestureHandlerModule. This may lead to deadlocks',
+]);

package/lib/{createAnimatedComponent.js → src/createAnimatedComponent.js}

@@ -15,9 +15,9 @@ import './reanimated2/layoutReanimation/LayoutAnimationRepository';
 import invariant from 'invariant';
 import { adaptViewConfig } from './ConfigHelper';
 import { RNRenderer } from './reanimated2/platform-specific/RNRenderer';
-import { makeMutable, runOnUI } from './reanimated2/core';
+import { makeMutable, runOnUI, enableLayoutAnimations, } from './reanimated2/core';
 import { DefaultEntering, DefaultExiting, DefaultLayout, } from './reanimated2/layoutReanimation/defaultAnimations/Default';
-import { isJest, isChromeDebugger } from './reanimated2/PlatformChecker';
+import { isJest, isChromeDebugger, shouldBeUseWeb, } from './reanimated2/PlatformChecker';
 import { initialUpdaterRun } from './reanimated2/animation';
 const NODE_MAPPING = new Map();
 function listener(data) {
@@ -58,6 +58,15 @@ function flattenArray(array) {
     _flattenArray(array);
     return resultArr;
 }
+function onlyAnimatedStyles(styles) {
+    return styles.filter((style) => style === null || style === void 0 ? void 0 : style.viewDescriptors);
+}
+function isSameAnimatedStyle(style1, style2) {
+    // We cannot use equality check to compare useAnimatedStyle outputs directly.
+    // Instead, we can compare its viewsRefs.
+    return (style1 === null || style1 === void 0 ? void 0 : style1.viewsRef) === (style2 === null || style2 === void 0 ? void 0 : style2.viewsRef);
+}
+const isSameAnimatedProps = isSameAnimatedStyle;
 const has = (key, x) => {
     if (typeof x === 'function' || typeof x === 'object') {
         if (x === null || x === undefined) {
@@ -111,6 +120,9 @@ export default function createAnimatedComponent(Component, options) {
                     const tag = findNodeHandle(ref);
                     if ((this.props.layout || this.props.entering || this.props.exiting) &&
                         tag != null) {
+                        if (!shouldBeUseWeb()) {
+                            enableLayoutAnimations(true, false);
+                        }
                         let layout = this.props.layout ? this.props.layout : DefaultLayout;
                         let entering = this.props.entering
                             ? this.props.entering
@@ -213,9 +225,7 @@ export default function createAnimatedComponent(Component, options) {
             }
             else if (this._viewTag !== -1 && this._styles !== null) {
                 for (const style of this._styles) {
-                    if (style === null || style === void 0 ? void 0 : style.viewDescriptors) {
-                        style.viewDescriptors.remove(this._viewTag);
-                    }
+                    style.viewDescriptors.remove(this._viewTag);
                 }
                 if ((_a = this.props.animatedProps) === null || _a === void 0 ? void 0 : _a.viewDescriptors) {
                     this.props.animatedProps.viewDescriptors.remove(this._viewTag);
@@ -309,8 +319,13 @@ export default function createAnimatedComponent(Component, options) {
         }
         _attachAnimatedStyles() {
             var _a, _b, _c;
-            const styles = flattenArray((_a = this.props.style) !== null && _a !== void 0 ? _a : []);
+            const styles = this.props.style
+                ? onlyAnimatedStyles(flattenArray(this.props.style))
+                : [];
+            const prevStyles = this._styles;
             this._styles = styles;
+            const prevAnimatedProps = this._animatedProps;
+            this._animatedProps = this.props.animatedProps;
             let viewTag;
             let viewName;
             if (Platform.OS === 'web') {
@@ -329,30 +344,48 @@ export default function createAnimatedComponent(Component, options) {
                  * RN uses viewConfig for components for storing different properties of the component(example: https://github.com/facebook/react-native/blob/master/Libraries/Components/ScrollView/ScrollViewViewConfig.js#L16).
                  * The name we're looking for is in the field named uiViewClassName.
                  */
-                viewName = (_b = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.viewConfig) === null || _b === void 0 ? void 0 : _b.uiViewClassName;
+                viewName = (_a = hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.viewConfig) === null || _a === void 0 ? void 0 : _a.uiViewClassName;
                 // update UI props whitelist for this view
-                if (hostInstance &&
-                    this._hasReanimated2Props(styles) &&
-                    hostInstance.viewConfig) {
+                const hasReanimated2Props = ((_b = this.props.animatedProps) === null || _b === void 0 ? void 0 : _b.viewDescriptors) || styles.length;
+                if (hasReanimated2Props && (hostInstance === null || hostInstance === void 0 ? void 0 : hostInstance.viewConfig)) {
                     adaptViewConfig(hostInstance.viewConfig);
                 }
             }
             this._viewTag = viewTag;
-            styles.forEach((style) => {
-                if (style === null || style === void 0 ? void 0 : style.viewDescriptors) {
-                    style.viewDescriptors.add({ tag: viewTag, name: viewName });
-                    if (isJest()) {
-                        /**
-                         * We need to connect Jest's TestObject instance whose contains just props object
-                         * with the updateProps() function where we update the properties of the component.
-                         * We can't update props object directly because TestObject contains a copy of props - look at render function:
-                         * const props = this._filterNonAnimatedProps(this.props);
-                         */
-                        this.animatedStyle.value = Object.assign(Object.assign({}, this.animatedStyle.value), style.initial.value);
-                        style.animatedStyle.current = this.animatedStyle;
+            // remove old styles
+            if (prevStyles) {
+                // in most of the cases, views have only a single animated style and it remains unchanged
+                const hasOneSameStyle = styles.length === 1 &&
+                    prevStyles.length === 1 &&
+                    isSameAnimatedStyle(styles[0], prevStyles[0]);
+                if (!hasOneSameStyle) {
+                    // otherwise, remove each style that is not present in new styles
+                    for (const prevStyle of prevStyles) {
+                        const isPresent = styles.some((style) => isSameAnimatedStyle(style, prevStyle));
+                        if (!isPresent) {
+                            prevStyle.viewDescriptors.remove(viewTag);
+                        }
                     }
                 }
+            }
+            styles.forEach((style) => {
+                style.viewDescriptors.add({ tag: viewTag, name: viewName });
+                if (isJest()) {
+                    /**
+                     * We need to connect Jest's TestObject instance whose contains just props object
+                     * with the updateProps() function where we update the properties of the component.
+                     * We can't update props object directly because TestObject contains a copy of props - look at render function:
+                     * const props = this._filterNonAnimatedProps(this.props);
+                     */
+                    this.animatedStyle.value = Object.assign(Object.assign({}, this.animatedStyle.value), style.initial.value);
+                    style.animatedStyle.current = this.animatedStyle;
+                }
             });
+            // detach old animatedProps
+            if (prevAnimatedProps &&
+                !isSameAnimatedProps(prevAnimatedProps, this.props.animatedProps)) {
+                prevAnimatedProps.viewDescriptors.remove(viewTag);
+            }
             // attach animatedProps property
             if ((_c = this.props.animatedProps) === null || _c === void 0 ? void 0 : _c.viewDescriptors) {
                 this.props.animatedProps.viewDescriptors.add({
@@ -363,21 +396,6 @@ export default function createAnimatedComponent(Component, options) {
                 });
             }
         }
-        _hasReanimated2Props(flattenStyles) {
-            var _a;
-            if ((_a = this.props.animatedProps) === null || _a === void 0 ? void 0 : _a.viewDescriptors) {
-                return true;
-            }
-            if (this.props.style) {
-                for (const style of flattenStyles) {
-                    // eslint-disable-next-line no-prototype-builtins
-                    if (style === null || style === void 0 ? void 0 : style.hasOwnProperty('viewDescriptors')) {
-                        return true;
-                    }
-                }
-            }
-            return false;
-        }
         _detachPropUpdater() {
             const viewTag = findNodeHandle(this);
             NODE_MAPPING.delete(viewTag);

package/lib/src/index.js

@@ -0,0 +1,31 @@
+import { LogBox } from 'react-native';
+import createAnimatedComponent from './createAnimatedComponent';
+import {
+  addWhitelistedNativeProps,
+  addWhitelistedUIProps,
+} from './ConfigHelper';
+import * as reanimated1 from './reanimated1';
+import ReanimatedComponents from './reanimated2/component';
+
+const Animated = {
+  // components
+  ...ReanimatedComponents,
+  createAnimatedComponent,
+  // configuration
+  addWhitelistedNativeProps,
+  addWhitelistedUIProps,
+  // reanimated 1
+  ...reanimated1,
+};
+
+export * from './reanimated2';
+export * from './reanimated1';
+export default Animated;
+
+// I think we can ignore this message as long as Gesture Handler doesn't
+// try to load the Reanimated module. I figured it should be here instead of
+// RNGH because this prevents the message from being displayed for all
+// versions of RNGH.
+LogBox.ignoreLogs([
+  'RCTBridge required dispatch_sync to load RNGestureHandlerModule. This may lead to deadlocks',
+]);