feat: upgrade package to latest react-native version

Author: jokerttu

babel.config.js

@@ -15,5 +15,14 @@
  */
 
 module.exports = {
-  presets: ['module:@react-native/babel-preset'],
+  overrides: [
+    {
+      exclude: /\/node_modules\//,
+      presets: ['module:react-native-builder-bob/babel-preset'],
+    },
+    {
+      include: /\/node_modules\//,
+      presets: ['module:@react-native/babel-preset'],
+    },
+  ],
 };

eslint.config.mjs

@@ -0,0 +1,45 @@
+/**
+ * Copyright 2025 Google LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     https://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { fixupConfigRules } from '@eslint/compat';
+import { FlatCompat } from '@eslint/eslintrc';
+import js from '@eslint/js';
+import prettier from 'eslint-plugin-prettier';
+import { defineConfig } from 'eslint/config';
+import path from 'node:path';
+import { fileURLToPath } from 'node:url';
+
+const __filename = fileURLToPath(import.meta.url);
+const __dirname = path.dirname(__filename);
+const compat = new FlatCompat({
+  baseDirectory: __dirname,
+  recommendedConfig: js.configs.recommended,
+  allConfig: js.configs.all,
+});
+
+export default defineConfig([
+  {
+    extends: fixupConfigRules(compat.extends('@react-native', 'prettier')),
+    plugins: { prettier },
+    rules: {
+      'react/react-in-jsx-scope': 'off',
+      'prettier/prettier': 'error',
+    },
+  },
+  {
+    ignores: ['node_modules/', 'lib/'],
+  },
+]);

example/package.json

@@ -29,7 +29,7 @@
     "react-native-gesture-handler": "2.25.0",
     "react-native-permissions": "^5.1.0",
     "react-native-safe-area-context": "^5.5.2",
-    "react-native-screens": "^4.15.4",
+    "react-native-screens": "4.11.1",
     "react-native-select-dropdown": "^4.0.1",
     "react-native-snackbar": "^2.8.0"
   },

package.json

@@ -59,25 +59,27 @@
   },
   "devDependencies": {
     "@commitlint/config-conventional": "^19.2.2",
+    "@eslint/compat": "^1.2.7",
+    "@eslint/eslintrc": "^3.3.0",
+    "@eslint/js": "^9.22.0",
     "@evilmartians/lefthook": "^1.5.0",
-    "@react-native/eslint-config": "^0.74.83",
-    "@react-native/typescript-config": "0.81.1",
-    "@testing-library/react-native": "^12.5.0",
-    "@types/react": "18.2.6",
+    "@react-native/babel-preset": "^0.81.1",
+    "@react-native/eslint-config": "^0.78.0",
+    "@react-native/typescript-config": "^0.81.1",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/react": "19.1.0",
     "commitlint": "^19.3.0",
     "del-cli": "^5.1.0",
-    "eslint": "^8.51.0",
-    "eslint-config-google": "^0.14.0",
-    "eslint-config-prettier": "^9.0.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-testing-library": "^6.2.2",
+    "eslint": "^9.22.0",
+    "eslint-config-prettier": "^10.1.1",
+    "eslint-plugin-prettier": "^5.2.3",
     "prettier": "^3.3.3",
-    "react": "18.2.0",
-    "react-native": "0.74.1",
-    "react-native-builder-bob": "^0.29.0",
-    "react-test-renderer": "18.2.0",
+    "react": "19.1.0",
+    "react-native": "0.81.1",
+    "react-native-builder-bob": "^0.40.13",
+    "react-test-renderer": "^19.1.0",
     "turbo": "^1.10.7",
-    "typescript": ">=4.3.5 <5.9.0"
+    "typescript": "^5.8.3"
   },
   "peerDependencies": {
     "react": "*",
@@ -92,34 +94,6 @@
       "@commitlint/config-conventional"
     ]
   },
-  "eslintConfig": {
-    "root": true,
-    "extends": [
-      "@react-native",
-      "google",
-      "prettier"
-    ],
-    "rules": {
-      "no-unused-vars": "off",
-      "@typescript-eslint/no-unused-vars": 2,
-      "prettier/prettier": [
-        "error",
-        {
-          "arrowParens": "avoid",
-          "quoteProps": "consistent",
-          "singleQuote": true,
-          "tabWidth": 2,
-          "trailingComma": "es5",
-          "useTabs": false
-        }
-      ]
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "coverage/",
-    "lib/"
-  ],
   "prettier": {
     "arrowParens": "avoid",
     "quoteProps": "consistent",

src/auto/useNavigationAuto.ts

@@ -33,7 +33,7 @@ import type {
 } from '../maps';
 import { useMemo } from 'react';
 
-const { NavAutoEventDispatcher, NavAutoModule } = NativeModules;
+const { NavAutoModule } = NativeModules;
 
 export const useNavigationAuto = (): {
   mapViewAutoController: MapViewAutoController;
@@ -42,7 +42,7 @@ export const useNavigationAuto = (): {
   removeAllListeners: () => void;
 } => {
   const moduleListenersHandler = useModuleListeners<NavigationAutoCallbacks>(
-    NavAutoEventDispatcher,
+    'NavAutoEventDispatcher',
     ['onAutoScreenAvailabilityChanged', 'onCustomNavigationAutoEvent']
   );
 

src/navigation/navigation/useNavigationController.ts

@@ -35,7 +35,7 @@ import {
 } from './types';
 import { getRouteStatusFromStringValue } from '../navigationView';
 
-const { NavModule, NavEventDispatcher } = NativeModules;
+const { NavModule } = NativeModules;
 
 export const useNavigationController = (
   termsAndConditionsDialogOptions: TermsAndConditionsDialogOptions,
@@ -57,7 +57,7 @@ export const useNavigationController = (
   };
 
   const moduleListenersHandler = useModuleListeners<NavigationCallbacks>(
-    NavEventDispatcher,
+    'NavEventDispatcher',
     [
       'onStartGuidance',
       'onArrival',

src/shared/useModuleListeners.ts

@@ -17,8 +17,8 @@
 import { useRef, useCallback, useEffect } from 'react';
 import {
   NativeEventEmitter,
-  type EmitterSubscription,
-  type NativeModule,
+  NativeModules,
+  type EventSubscription,
 } from 'react-native';
 
 type ListenerMap<T> = {
@@ -30,7 +30,7 @@ type ListenerMap<T> = {
 export const useModuleListeners = <
   T extends { [K in keyof T]: ((...args: any[]) => void) | undefined },
 >(
-  dispatcher: NativeModule,
+  dispatcher: keyof NativeModules,
   eventTypes: Array<keyof T>,
   eventTransformer?: <K extends keyof T>(
     eventKey: K,
@@ -43,11 +43,13 @@ export const useModuleListeners = <
 } => {
   const listenersRef = useRef<ListenerMap<T>>({});
   const eventEmitterRef = useRef<NativeEventEmitter | null>(null);
-  const subsRef = useRef<Record<string, EmitterSubscription | undefined>>({});
+  const subsRef = useRef<Record<string, EventSubscription | undefined>>({});
 
   const getEventEmitter = useCallback(() => {
     if (!eventEmitterRef.current) {
-      eventEmitterRef.current = new NativeEventEmitter(dispatcher);
+      eventEmitterRef.current = new NativeEventEmitter(
+        NativeModules[dispatcher]
+      );
     }
     return eventEmitterRef.current;
   }, [dispatcher]);
@@ -92,7 +94,6 @@ export const useModuleListeners = <
     eventTypes.forEach(eventType => {
       const name = String(eventType);
       const handler = wrappedListeners[eventType]!;
-      // No Platform check needed here anymore! ✅
       const sub = getEventEmitter().addListener(name, handler);
       subsRef.current[name] = sub;
     });

src/shared/viewManager.ts

@@ -21,9 +21,9 @@ import {
   type HostComponent,
   type ViewProps,
 } from 'react-native';
-import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypes';
 import type { LatLng } from '.';
 import type { Circle, GroundOverlay, Marker, Polygon, Polyline } from '../maps';
+import type { DirectEventHandler } from 'react-native/Libraries/Types/CodegenTypesNamespace';
 
 // NavViewManager is responsible for managing both the regular map fragment as well as the navigation map view fragment.
 export const viewManagerName =
@@ -43,16 +43,21 @@ export const sendCommand = (
   try {
     UIManager.dispatchViewManagerCommand(
       viewId,
-      Platform.OS === 'android' ? command.toString() : command,
+      Platform.OS === 'android' ? (command.toString() as any) : command,
       args
     );
   } catch (exception) {
     console.error(exception);
   }
 };
 
-export const commands =
-  UIManager.getViewManagerConfig(viewManagerName).Commands;
+interface ViewManagerConfig {
+  Commands: { [key: string]: number };
+}
+
+export const commands = (
+  UIManager.getViewManagerConfig(viewManagerName) as ViewManagerConfig
+).Commands;
 
 export interface NativeNavViewProps extends ViewProps {
   flex?: number | undefined;

tsconfig.json

@@ -26,5 +26,6 @@
     "strict": true,
     "target": "ESNext",
     "verbatimModuleSyntax": true
-  }
+  },
+  "exclude": ["lib"]
 }