Memoize Text component (#4003)

## Description

This PR introduces 3 changes to `Text` component

- Removes `forwardedRef`
- Adds memoization 

## Test plan

Tested on "Nested Text" example

Author: m-bert

packages/react-native-gesture-handler/src/components/Text.tsx

@@ -1,10 +1,4 @@
-import React, {
-  ForwardedRef,
-  forwardRef,
-  RefObject,
-  useEffect,
-  useRef,
-} from 'react';
+import React, { ComponentRef, Ref, useEffect, useMemo, useRef } from 'react';
 import {
   Platform,
   Text as RNText,
@@ -14,23 +8,25 @@ import {
 import { GestureObjects as Gesture } from '../handlers/gestures/gestureObjects';
 import { GestureDetector } from '../handlers/gestures/GestureDetector';
 
+type TextProps = RNTextProps & {
+  ref?: Ref<ComponentRef<typeof RNText> | null>;
+};
+type RNGHTextRef = Ref<RNText | null> & { rngh?: boolean };
+
 /**
- * @deprecated `LegacyText` is deprecated. Since Gesture Handler 3 you can wrap `Text` with `GestureDetector`.
+ * @deprecated `LegacyText` is deprecated. Since Gesture Handler 3, you should wrap `Text` with `GestureDetector`, `InterceptingGestureDetector`, or `VirtualGestureDetector`.
  */
-export const LegacyText = forwardRef(
-  (
-    props: RNTextProps,
-    ref: ForwardedRef<React.ComponentRef<typeof RNText>>
-  ) => {
-    const { onPress, onLongPress, ...rest } = props;
+export const LegacyText = (props: TextProps) => {
+  const { onPress, onLongPress, ref, ...rest } = props;
 
-    const textRef = useRef<RNText | null>(null);
-    const native = Gesture.Native().runOnJS(true);
+  const textRef = useRef<RNText | null>(null);
+  const native = useMemo(() => Gesture.Native().runOnJS(true), []);
 
-    const refHandler = (node: any) => {
+  const refHandler = useMemo(() => {
+    const handler: RNGHTextRef = (node: RNText | null) => {
       textRef.current = node;
 
-      if (ref === null) {
+      if (!ref) {
         return;
       }
 
@@ -44,41 +40,39 @@ export const LegacyText = forwardRef(
     // This is a special case for `Text` component. After https://github.com/software-mansion/react-native-gesture-handler/pull/3379 we check for
     // `displayName` field. However, `Text` from RN has this field set to `Text`, but is also present in `RNSVGElements` set.
     // We don't want to treat our `Text` as the one from `SVG`, therefore we add special field to ref.
-    refHandler.rngh = true;
+    handler.rngh = true;
 
-    useEffect(() => {
-      if (Platform.OS !== 'web') {
-        return;
-      }
+    return handler;
+  }, [ref]);
 
-      const textElement = ref
-        ? (ref as RefObject<React.ComponentRef<typeof RNText>>).current
-        : textRef.current;
+  useEffect(() => {
+    if (Platform.OS !== 'web') {
+      return;
+    }
 
-      // At this point we are sure that textElement is div in HTML tree
-      (textElement as unknown as HTMLDivElement)?.setAttribute(
-        'rnghtext',
-        'true'
-      );
-    }, []);
-
-    return onPress || onLongPress ? (
-      <GestureDetector gesture={native}>
-        <RNText
-          onPress={onPress}
-          onLongPress={onLongPress}
-          ref={refHandler}
-          {...rest}
-        />
-      </GestureDetector>
-    ) : (
-      <RNText ref={ref} {...rest} />
+    // At this point we are sure that textElement is div in HTML tree
+    (textRef.current as unknown as HTMLDivElement)?.setAttribute(
+      'rnghtext',
+      'true'
     );
-  }
-);
+  }, []);
+
+  return onPress || onLongPress ? (
+    <GestureDetector gesture={native}>
+      <RNText
+        onPress={onPress}
+        onLongPress={onLongPress}
+        ref={refHandler}
+        {...rest}
+      />
+    </GestureDetector>
+  ) : (
+    <RNText ref={refHandler} {...rest} />
+  );
+};
 
 /**
- * @deprecated `LegacyText` is deprecated. Since Gesture Handler 3 you can wrap `Text` with `GestureDetector`.
+ * @deprecated `LegacyText` is deprecated. Since Gesture Handler 3, you should wrap `Text` with `GestureDetector`, `InterceptingGestureDetector`, or `VirtualGestureDetector`.
  */
 // eslint-disable-next-line @typescript-eslint/no-redeclare
 export type LegacyText = typeof LegacyText & RNText;