chore(expo-sample): Add Expo Dev Client (#4810)

Author: krystofwoldrich

samples/expo/app/(tabs)/index.tsx

@@ -2,14 +2,16 @@ import { Button, StyleSheet } from 'react-native';
 import Constants from 'expo-constants';
 import * as Sentry from '@sentry/react-native';
 import { reloadAppAsync } from 'expo';
+import * as DevClient from 'expo-dev-client';
 
 import { Text, View } from '@/components/Themed';
 import { setScopeProperties } from '@/utils/setScopeProperties';
 import React from 'react';
 import * as WebBrowser from 'expo-web-browser';
 import { useUpdates } from 'expo-updates';
+import { isWeb } from '../../utils/isWeb';
 
-const isRunningInExpoGo = Constants.appOwnership === 'expo'
+const isRunningInExpoGo = Constants.appOwnership === 'expo';
 
 export default function TabOneScreen() {
   const { currentlyRunning } = useUpdates();
@@ -20,6 +22,13 @@ export default function TabOneScreen() {
       <Text>Update ID: {currentlyRunning.updateId}</Text>
       <Text>Channel: {currentlyRunning.channel}</Text>
       <Text>Runtime Version: {currentlyRunning.runtimeVersion}</Text>
+      <Button
+        title="Open DevMenu"
+        onPress={() => {
+          DevClient.openMenu();
+        }}
+        disabled={isWeb()}
+      />
       <Button
         title="Capture message"
         onPress={() => {
@@ -35,8 +44,8 @@ export default function TabOneScreen() {
       <Button
         title="Capture exception with cause"
         onPress={() => {
-          const error = new Error('Captured exception')
-          error.cause = new Error('Cause of captured exception')
+          const error = new Error('Captured exception');
+          error.cause = new Error('Cause of captured exception');
           Sentry.captureException(error);
         }}
       />

samples/expo/package.json

@@ -21,6 +21,7 @@
     "@types/react": "~19.0.10",
     "expo": "^53.0.0",
     "expo-constants": "~17.1.5",
+    "expo-dev-client": "~5.1.8",
     "expo-image-picker": "~16.1.4",
     "expo-linking": "~7.1.4",
     "expo-router": "~5.0.5",

yarn.lock

@@ -10214,6 +10214,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ajv@npm:8.11.0":
+  version: 8.11.0
+  resolution: "ajv@npm:8.11.0"
+  dependencies:
+    fast-deep-equal: ^3.1.1
+    json-schema-traverse: ^1.0.0
+    require-from-string: ^2.0.2
+    uri-js: ^4.2.2
+  checksum: 5e0ff226806763be73e93dd7805b634f6f5921e3e90ca04acdf8db81eed9d8d3f0d4c5f1213047f45ebbf8047ffe0c840fa1ef2ec42c3a644899f69aa72b5bef
+  languageName: node
+  linkType: hard
+
 "ajv@npm:8.12.0":
   version: 8.12.0
   resolution: "ajv@npm:8.12.0"
@@ -14994,6 +15006,55 @@ __metadata:
   languageName: node
   linkType: hard
 
+"expo-dev-client@npm:~5.1.8":
+  version: 5.1.8
+  resolution: "expo-dev-client@npm:5.1.8"
+  dependencies:
+    expo-dev-launcher: 5.1.11
+    expo-dev-menu: 6.1.10
+    expo-dev-menu-interface: 1.10.0
+    expo-manifests: ~0.16.4
+    expo-updates-interface: ~1.1.0
+  peerDependencies:
+    expo: "*"
+  checksum: 03334ad506fd9046a70b3bef4768157fa8413e6b2c93d5a03aa1696515b273ef7142d6501b6f363151ec7ad94548bd863853e2fea84fd3a675e9130c12cc8ef1
+  languageName: node
+  linkType: hard
+
+"expo-dev-launcher@npm:5.1.11":
+  version: 5.1.11
+  resolution: "expo-dev-launcher@npm:5.1.11"
+  dependencies:
+    ajv: 8.11.0
+    expo-dev-menu: 6.1.10
+    expo-manifests: ~0.16.4
+    resolve-from: ^5.0.0
+  peerDependencies:
+    expo: "*"
+  checksum: 87330727f1e7ec82da9c3603ff0f8f7b0c75dbebc4345bcc54d60abd08eff0ec17e1359f36db80a59f153de5247751fbe91ac2c52b3ffe3a2fe1755e55d0ae43
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu-interface@npm:1.10.0":
+  version: 1.10.0
+  resolution: "expo-dev-menu-interface@npm:1.10.0"
+  peerDependencies:
+    expo: "*"
+  checksum: b2e5ae7df33f8a903406357bce0ae3cd131a43bec1ebc28fc87a3db2591d428628693767dac895361171999f7c3c2c41f2cd31d67a4b4d3336aaa2f08d65c866
+  languageName: node
+  linkType: hard
+
+"expo-dev-menu@npm:6.1.10":
+  version: 6.1.10
+  resolution: "expo-dev-menu@npm:6.1.10"
+  dependencies:
+    expo-dev-menu-interface: 1.10.0
+  peerDependencies:
+    expo: "*"
+  checksum: e2ca4447307a28d36f9ca83bcddcc2cc8499eddf3bf7357abfbd37142d0e28329a6b8aca00707e7f4e883768e4d16c4f33bbbb978d8b9cfc216b03c6179c0408
+  languageName: node
+  linkType: hard
+
 "expo-eas-client@npm:~0.14.3":
   version: 0.14.3
   resolution: "expo-eas-client@npm:0.14.3"
@@ -25361,6 +25422,7 @@ __metadata:
     "@types/react": ~19.0.10
     expo: ^53.0.0
     expo-constants: ~17.1.5
+    expo-dev-client: ~5.1.8
     expo-image-picker: ~16.1.4
     expo-linking: ~7.1.4
     expo-router: ~5.0.5