Fix React Native Expo integration

Author: niemyjski

eslint.config.mjs

@@ -41,11 +41,5 @@ export default defineConfig(
       "vitest/valid-describe-callback": "off",
       "vitest/no-done-callback": "warn"
     }
-  },
-  {
-    files: ["packages/react-native/src/plugins/ReactNativeEnvironmentInfoPlugin.ts"],
-    rules: {
-      "@typescript-eslint/no-require-imports": "off"
-    }
   }
 );

example/expo/App.tsx

@@ -1,7 +1,9 @@
 import { createBottomTabNavigator } from "@react-navigation/bottom-tabs";
 import { NavigationContainer } from "@react-navigation/native";
 import Constants from "expo-constants";
+import * as Device from "expo-device";
 import { GlassView } from "expo-glass-effect";
+import * as SplashScreen from "expo-splash-screen";
 import { StatusBar } from "expo-status-bar";
 import { useEffect, useMemo, useState } from "react";
 import { Platform, StyleSheet, Text, View } from "react-native";
@@ -30,21 +32,29 @@ function TabIcon({ label, focused }: { label: string; focused: boolean }) {
 /**
  * Resolves the dev server URL based on the current platform.
  * - Web: localhost works directly.
- * - iOS Simulator: shares the host Mac's network.
- * - Real iOS device: needs the dev machine's IP, extracted from Expo's hostUri.
+ * - iOS Simulator: localhost reaches the host Mac.
+ * - Android Emulator: 10.0.2.2 reaches the host machine.
+ * - Real devices: need the dev machine's IP, extracted from Expo's hostUri.
  */
 function getServerUrl(): string {
-  if (__DEV__ && Platform.OS !== "web") {
-    const hostUri = Constants.expoConfig?.hostUri;
-    if (hostUri) {
-      try {
-        const hostname = new URL(`http://${hostUri}`).hostname;
-        return `http://${hostname}:7110`;
-      } catch {
-        // Fall through to default
-      }
+  if (!__DEV__ || Platform.OS === "web") {
+    return "http://localhost:7110";
+  }
+
+  if (!Device.isDevice) {
+    return Platform.OS === "android" ? "http://10.0.2.2:7110" : "http://localhost:7110";
+  }
+
+  const hostUri = Constants.expoConfig?.hostUri;
+  if (hostUri) {
+    try {
+      const hostname = new URL(`http://${hostUri}`).hostname;
+      return `http://${hostname}:7110`;
+    } catch {
+      // Fall through to default
     }
   }
+
   return "http://localhost:7110";
 }
 
@@ -87,6 +97,7 @@ export default function App() {
       config.defaultTags.push("Example", "Expo");
       config.useSessions(true, 60000, true);
     });
+    void SplashScreen.hideAsync();
   }, []);
 
   return (

example/expo/README.md

@@ -9,7 +9,7 @@ This app tracks Expo SDK 56.
 ## Prerequisites
 
 - Install dependencies from the repository root with `npm install`.
-- Run an Exceptionless server on `http://localhost:7110`, or update `getServerUrl()` in `App.tsx`.
+- Run an Exceptionless server on `http://localhost:7110`. The example uses localhost for web/iOS Simulator, `10.0.2.2` for Android Emulator, and Expo's `hostUri` for physical devices.
 - Use a development build for native iOS crash reporting.
 
 ## Run
@@ -58,7 +58,7 @@ The in-app Logs tab should show events being enqueued and sent to the configured
 
 ## Notes
 
-- The example points at `http://localhost:7110` by default and derives the host IP for physical iOS devices when Expo provides `hostUri`.
+- The example points at `http://localhost:7110` by default and only derives the host IP for physical devices when Expo provides `hostUri`.
 - Native iOS crashes are written by the native module and submitted on the next launch.
 - Android currently exercises JavaScript events only; Android native crash reporting is not implemented yet.
 - Generated native folders are intentionally ignored by `example/expo/.gitignore`; run `npm run prebuild --workspace=example/expo` or `npm run ios --workspace=example/expo` to recreate them locally.

example/expo/app.json

@@ -4,19 +4,44 @@
     "slug": "exceptionless-expo-example",
     "version": "3.0.0",
     "orientation": "portrait",
+    "icon": "./assets/icon.png",
     "scheme": "exceptionless-expo",
     "userInterfaceStyle": "light",
+    "splash": {
+      "image": "./assets/splash.png",
+      "resizeMode": "contain",
+      "backgroundColor": "#ffffff"
+    },
     "ios": {
       "supportsTablet": true,
-      "bundleIdentifier": "com.exceptionless.expo.example"
+      "bundleIdentifier": "com.exceptionless.expo.example",
+      "icon": "./assets/icon.png"
     },
     "android": {
-      "package": "com.exceptionless.expo.example"
+      "package": "com.exceptionless.expo.example",
+      "adaptiveIcon": {
+        "foregroundImage": "./assets/adaptive-icon.png",
+        "monochromeImage": "./assets/adaptive-icon-monochrome.png",
+        "backgroundColor": "#ffffff"
+      }
     },
     "web": {
-      "bundler": "metro"
+      "bundler": "metro",
+      "favicon": "./assets/favicon.png"
     },
-    "plugins": ["@exceptionless/react-native/expo-plugin", "expo-status-bar"],
+    "plugins": [
+      "@exceptionless/react-native/expo-plugin",
+      "expo-status-bar",
+      [
+        "expo-splash-screen",
+        {
+          "backgroundColor": "#ffffff",
+          "image": "./assets/splash-icon.png",
+          "imageWidth": 190,
+          "resizeMode": "contain"
+        }
+      ]
+    ],
     "experiments": {
       "tsconfigPaths": true
     }