show not found page for invalid links

src/SCREENS.js

@@ -6,5 +6,6 @@ export default {
     HOME: 'Home',
     LOADING: 'Loading',
     REPORT: 'Report',
+    NOT_FOUND: 'NotFound',
     TRANSITION_FROM_OLD_DOT: 'TransitionFromOldDot',
 };

src/components/BlockingViews/FullPageNotFoundView.js

@@ -14,7 +14,7 @@ const propTypes = {
     ...withLocalizePropTypes,
 
     /** Child elements */
-    children: PropTypes.node.isRequired,
+    children: PropTypes.node,
 
     /** If true, child components are replaced with a blocking "not found" view */
     shouldShow: PropTypes.bool,
@@ -36,6 +36,7 @@ const propTypes = {
 };
 
 const defaultProps = {
+    children: null,
     shouldShow: false,
     titleKey: 'notFound.notHere',
     subtitleKey: 'notFound.pageNotFound',

src/libs/Navigation/AppNavigator/AuthScreens.js

@@ -22,6 +22,7 @@ import * as User from '../../actions/User';
 import * as Modal from '../../actions/Modal';
 import modalCardStyleInterpolator from './modalCardStyleInterpolator';
 import createCustomModalStackNavigator from './createCustomModalStackNavigator';
+import NotFoundPage from '../../../pages/ErrorPage/NotFoundPage';
 
 // Modal Stack Navigators
 import * as ModalStackNavigators from './ModalStackNavigators';
@@ -314,6 +315,12 @@ class AuthScreens extends React.Component {
                     component={ModalStackNavigators.WalletStatementStackNavigator}
                     listeners={modalScreenListeners}
                 />
+                <RootStack.Screen
+                    name={SCREENS.NOT_FOUND}
+                    options={{headerShown: false}}
+                    component={NotFoundPage}
+                    listeners={modalScreenListeners}
+                />
             </RootStack.Navigator>
         );
     }

src/libs/Navigation/linkingConfig.js

@@ -231,6 +231,7 @@ export default {
                     WalletStatement_Root: ROUTES.WALLET_STATEMENT_WITH_DATE,
                 },
             },
+            [SCREENS.NOT_FOUND]: '*',
         },
     },
 };

src/pages/ErrorPage/NotFoundPage.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import ScreenWrapper from '../../components/ScreenWrapper';
+import FullPageNotFoundView from '../../components/BlockingViews/FullPageNotFoundView';
+
+// eslint-disable-next-line rulesdir/no-negated-variables
+const NotFoundPage = () => (
+    <ScreenWrapper>
+        <FullPageNotFoundView shouldShow />
+    </ScreenWrapper>
+);
+
+NotFoundPage.displayName = 'NotFoundPage';
+
+export default NotFoundPage;