chore(packages): update root packages so codegen can run

package.json

@@ -83,13 +83,13 @@
     "debounce": "^1.2.0"
   },
   "devDependencies": {
-    "@babel/core": "7.19.1",
+    "@babel/core": "7.25.2",
     "@babel/eslint-parser": "^7.19.1",
     "@babel/plugin-proposal-class-properties": "7.18.6",
     "@babel/helper-split-export-declaration": "7.24.7",
     "@babel/helper-hoist-variables": "7.24.7",
     "@babel/helper-function-name": "7.24.7",
-    "@babel/runtime": "7.19.0",
+    "@babel/runtime": "7.25.0",
     "@react-native/eslint-config": "^0.72.2",
     "@sinonjs/fake-timers": "^8.0.1",
     "@testing-library/react-native": "^12.4.0",
@@ -106,20 +106,21 @@
     "eslint-plugin-ft-flow": "^2.0.3",
     "eslint-plugin-import": "2.25.3",
     "eslint-plugin-jest": "^27.0.1",
-    "expo": "^47.0.0",
+    "expo": "^51.0.18",
     "expo-module-scripts": "^3.0.4",
     "husky": "^8.0.1",
     "jest": "29.7.0",
     "jest-cli": "29.7.0",
     "lint-staged": "^12.1.2",
     "mapbox-gl": "^2.9.0",
-    "metro-react-native-babel-preset": "0.71.1",
+    "metro-react-native-babel-preset": "0.77.0",
     "node-dir": "0.1.17",
     "prettier": "2.7.1",
-    "react": "18.2.0",
+    "react": "18.3.1",
     "react-docgen": "rnmapbox/react-docgen#rnmapbox-dist-react-docgen-v6",
-    "react-native": "0.73.0-rc.4",
-    "react-native-builder-bob": "^0.23.1",
+    "to-fast-properties": "3.0.1",
+    "react-native": "0.76.7",
+    "react-native-builder-bob": "^0.36.0",
     "react-test-renderer": "18.2.0",
     "ts-node": "10.9.1",
     "typescript": "5.1.3",

src/components/SymbolLayer.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { JSX } from 'react';
 import { View, NativeModules } from 'react-native';
 
 import {

src/web/components/MapView.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import mapboxgl from 'mapbox-gl';
 
 import MapContext from '../MapContext';
@@ -34,7 +34,9 @@ class MapView extends React.Component<
     return (
       <div
         style={{ width: '100%', height: '100%' }}
-        ref={(el) => (this.mapContainer = el)}
+        ref={(el) => {
+          this.mapContainer = el;
+        }}
       >
         {map && (
           <div style={{ position: 'absolute' }}>