Move REACT_NATIVE_VERSION to native-only code (#2666)

## Description

Fixes #2660

Depending on this package in a web-only app is causing a compile error.
This is due to this package importing `react-native/package.json`, which
for web-only builds doesn't exist. This import is only done to obtain
the react-native version number, which isn't used for web anyway. So it
seems easy enough to move this version number to a native-only file.

I chose to export a **function** so that it's a _logic error_ to use
`getReactNativeVersion` on web, and an error is thrown (right now it's
only used in one place, behind a check that makes sure it runs on native
only). It might have been easier to just export a **const**, with fake
values on web, but that would hide the error for a potentially more
confusing error down the line.

## Test plan

Not tested, sorry. Would appreciate if someone could help out here.

---------

Co-authored-by: Chris Coomber <[email protected]>

src/getReactNativeVersion.ts

@@ -0,0 +1,11 @@
+import pack from 'react-native/package.json';
+
+const [majorStr, minorStr] = pack.version.split('.');
+const REACT_NATIVE_VERSION = {
+  major: parseInt(majorStr, 10),
+  minor: parseInt(minorStr, 10),
+};
+
+export function getReactNativeVersion() {
+  return REACT_NATIVE_VERSION;
+}

src/getReactNativeVersion.web.ts

@@ -0,0 +1,3 @@
+export function getReactNativeVersion() {
+  throw new Error('getReactNativeVersion is not supported on web');
+}

src/handlers/gestures/GestureDetector.tsx

@@ -37,12 +37,8 @@ import { State } from '../../State';
 import { TouchEventType } from '../../TouchEventType';
 import { ComposedGesture } from './gestureComposition';
 import { ActionType } from '../../ActionType';
-import {
-  isFabric,
-  isJestEnv,
-  REACT_NATIVE_VERSION,
-  tagMessage,
-} from '../../utils';
+import { isFabric, isJestEnv, tagMessage } from '../../utils';
+import { getReactNativeVersion } from '../../getReactNativeVersion';
 import { getShadowNodeFromRef } from '../../getShadowNodeFromRef';
 import { Platform } from 'react-native';
 import type RNGestureHandlerModuleWeb from '../../RNGestureHandlerModule.web';
@@ -565,6 +561,7 @@ function validateDetectorChildren(ref: any) {
   //         /       \
   //   NativeView  NativeView
   if (__DEV__ && Platform.OS !== 'web') {
+    const REACT_NATIVE_VERSION = getReactNativeVersion();
     // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     const wrapType =
       REACT_NATIVE_VERSION.minor > 63 || REACT_NATIVE_VERSION.major > 0

src/utils.ts

@@ -1,11 +1,3 @@
-import pack from 'react-native/package.json';
-
-const [majorStr, minorStr] = pack.version.split('.');
-export const REACT_NATIVE_VERSION = {
-  major: parseInt(majorStr, 10),
-  minor: parseInt(minorStr, 10),
-};
-
 export function toArray<T>(object: T | T[]): T[] {
   if (!Array.isArray(object)) {
     return [object];