fix: crash screen Try Again does nothing in production

Wire the Try Again button to reloadAppAsync so the app reloads in
production builds instead of calling DevSettings.reload(), which only
works in development.

Fixes #26751

Author: joaoloureirop

app/components/Views/ErrorBoundary/index.js

@@ -7,11 +7,11 @@ import {
   Alert,
   Modal,
   KeyboardAvoidingView,
-  DevSettings,
   TextInput,
   ScrollView,
 } from 'react-native';
 import PropTypes from 'prop-types';
+import { reloadAppAsync } from 'expo';
 import { lastEventId as getLatestSentryId } from '@sentry/react-native';
 import {
   captureSentryFeedback,
@@ -153,7 +153,11 @@ export const Fallback = (props) => {
   const handleContactSupport = () =>
     Linking.openURL(AppConstants.REVIEW_PROMPT.SUPPORT);
 
-  const handleTryAgain = () => DevSettings.reload();
+  const handleTryAgain = () => {
+    reloadAppAsync('Error boundary Try again').catch((error) => {
+      Logger.log(error, 'Error reloading app after Try again pressed');
+    });
+  };
 
   const handleSubmit = () => {
     toggleModal();
@@ -449,10 +453,6 @@ class ErrorBoundary extends Component {
     });
   }
 
-  resetError = () => {
-    this.setState({ error: null });
-  };
-
   showExportSeedphrase = () => {
     this.setState({ backupSeedphrase: true });
   };
@@ -509,7 +509,6 @@ class ErrorBoundary extends Component {
         ? this.renderWithSafeArea(
             <Fallback
               errorMessage={this.getErrorMessage()}
-              resetError={this.resetError}
               showExportSeedphrase={this.showExportSeedphrase}
               copyErrorToClipboard={this.copyErrorToClipboard}
               openTicket={this.openTicket}

app/components/Views/ErrorBoundary/index.test.tsx

@@ -10,6 +10,11 @@ import {
 import Logger from '../../../util/Logger';
 import { strings } from '../../../../locales/i18n';
 import { analytics } from '../../../util/analytics/analytics';
+import { reloadAppAsync } from 'expo';
+
+jest.mock('expo', () => ({
+  reloadAppAsync: jest.fn().mockResolvedValue(undefined),
+}));
 
 jest.mock('../../../util/analytics/analytics', () => ({
   analytics: {
@@ -166,6 +171,20 @@ describe('ErrorBoundary', () => {
     expect(mockProps.copyErrorToClipboard).toHaveBeenCalledTimes(1);
   });
 
+  it('calls reloadAppAsync when Try again is pressed', async () => {
+    const { getByText } = renderWithProvider(<Fallback {...mockProps} />, {
+      state: initialState,
+    });
+
+    const tryAgainButton = getByText('Try again');
+    await act(async () => {
+      fireEvent.press(tryAgainButton);
+    });
+
+    expect(reloadAppAsync).toHaveBeenCalledTimes(1);
+    expect(reloadAppAsync).toHaveBeenCalledWith('Error boundary Try again');
+  });
+
   it('calls showExportSeedphrase when save seedphrase link is pressed', async () => {
     const { getAllByText } = renderWithProvider(<Fallback {...mockProps} />, {
       state: initialState,