chore: putting ErrorBoundary within NavigationContainer (#3147)

GaloyMoney · Mar 30, 2024 · b13e6db · b13e6db
1 parent ff14efb
commit b13e6db
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/app/app.tsx b/app/app.tsx
@@ -52,8 +52,8 @@ export const App = () => (
         <GaloyClient>
           <GaloyThemeProvider>
             <FeatureFlagContextProvider>
-              <ErrorBoundary FallbackComponent={ErrorScreen}>
-                <NavigationContainerWrapper>
+              <NavigationContainerWrapper>
+                <ErrorBoundary FallbackComponent={ErrorScreen}>
                   <RootSiblingParent>
                     <NotificationsProvider>
                       <AppStateWrapper />
@@ -63,8 +63,8 @@ export const App = () => (
                     </NotificationsProvider>
                     <GaloyToast />
                   </RootSiblingParent>
-                </NavigationContainerWrapper>
-              </ErrorBoundary>
+                </ErrorBoundary>
+              </NavigationContainerWrapper>
             </FeatureFlagContextProvider>
           </GaloyThemeProvider>
         </GaloyClient>

diff --git a/app/components/contact-modal/contact-modal.tsx b/app/components/contact-modal/contact-modal.tsx
@@ -48,15 +48,15 @@ const ContactModal: React.FC<Props> = ({
     theme: { colors },
   } = useTheme()
 
-  const { navigate } = useNavigation<StackNavigationProp<RootStackParamList>>()
+  const navigation = useNavigation<StackNavigationProp<RootStackParamList>>()
 
   const contactOptionList = [
     {
       id: SupportChannels.Chatbot,
       name: LL.support.chatbot(),
       icon: <Icon name={"chatbubbles-outline"} type="ionicon" />,
       action: () => {
-        navigate("chatbot")
+        navigation.navigate("chatbot")
         toggleModal()
       },
     },