@admin-layout/gluestack-ui-mobile 12.2.5-alpha.15 → 12.2.5-alpha.17

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [12.2.5-alpha.17](https://github.com/CDEBase/admin-layout/compare/v12.2.5-alpha.16...v12.2.5-alpha.17) (2026-10-10)
+
+### Bug Fixes
+
+- **gluestack-ui-mobile:** the error screen's button shows and brings the app back ([4d21d32](https://github.com/CDEBase/admin-layout/commit/4d21d32b142d54cc0edd99bb15084b33cf2ab11d))
+
 ## [12.2.5-alpha.15](https://github.com/CDEBase/admin-layout/compare/v12.2.5-alpha.14...v12.2.5-alpha.15) (2026-10-08)
 
 ### Bug Fixes

package/babel.config.cjs

@@ -0,0 +1,7 @@
+// Jest only (the package builds with tsc). The React Native preset already
+// carries TypeScript, JSX, class properties and CommonJS modules; the
+// hand-listed plugins this used to add clashed with it ("'loose' mode
+// configuration must be the same") and the suite never ran.
+module.exports = {
+    presets: ['module:@react-native/babel-preset'],
+};

package/jest-react-navigation-setup.js

@@ -11,4 +11,4 @@ jest.mock('react-native-reanimated', () => {
 });
 
 // Silence the warning: Animated: `useNativeDriver` is not supported because the native animated module is missing
-jest.mock('react-native/Libraries/Animated/NativeAnimatedHelper');
+jest.mock('react-native/src/private/animated/NativeAnimatedHelper');

package/{jest.config.js → jest.config.cjs}

@@ -10,18 +10,21 @@ const mergeData = merge.recursive(
                 babelConfig: true,
             },
         },
-        name: packageJson.name,
         displayName: packageJson.name,
         testEnvironment: "jsdom",
         preset: "react-native",
         setupFiles: [
             "<rootDir>/jest-react-navigation-setup.js"
         ],
-        setupFilesAfterEnv: ["@testing-library/jest-native/extend-expect", "./jest.env.js"],
+        setupFilesAfterEnv: ["./jest.env.js"],
+        // React Native ships Flow + ESM source: compile it with this package's
+        // RN preset (babel.config.cjs). The repo-wide transform.js has no Flow
+        // support, and node_modules is hoisted to the repo root, so a
+        // <rootDir>/node_modules pattern never matched it.
         "transform": {
-            "\\.(js|jsx)?$": "../../../transform.js",
+            "\\.(js|jsx)?$": "babel-jest",
         },
-        transformIgnorePatterns: ["<rootDir>/node_modules/(?!(@react-native|react-native|@expo/vector-icons)/).*/"],
+        transformIgnorePatterns: ["/node_modules/(?!((jest-)?react-native[^/]*|@react-native[^/]*|@react-navigation|@expo|@common-stack|@cdm-logger|@apollo|@web3-storage)/)"],
         moduleNameMapper: {
             '^__mocks__/(.*)$': '<rootDir>/../../__mocks__/$1',
             // we'll use commonjs version of lodash for tests 👌
@@ -31,7 +34,8 @@ const mergeData = merge.recursive(
             // '@react-navigation': '<rootDir>/__mocks__/@react-navigation.js',
         },
         roots: [
-            "src/utils"
+            "src/utils",
+            "src/components/__tests__"
         ],
     },
 );

package/lib/components/ErrorBounday.d.ts

@@ -12,7 +12,15 @@ export declare class ErrorBoundary extends React.Component<IErrorBoundryProps, I
         hasError: boolean;
         error: Error;
     };
-    componentDidCatch(error: Error): void;
+    componentDidCatch(error: Error, info: React.ErrorInfo): void;
+    /**
+     * Mount the children again. The app's boundary wraps the navigation
+     * container itself, so while the fallback shows there is no navigator to
+     * navigate with: "Go to homepage" called navigate on nothing and the app
+     * stayed on this screen until it was force-quit. A fresh mount starts the
+     * navigator at its initial route.
+     */
+    resetError: () => void;
     render(): React.JSX.Element;
 }
 export {};

package/lib/components/ErrorBounday.js

@@ -4,17 +4,27 @@ import { logger } from '@cdm-logger/client';
 export class ErrorBoundary extends React.Component {
     constructor(props) {
         super(props);
+        /**
+         * Mount the children again. The app's boundary wraps the navigation
+         * container itself, so while the fallback shows there is no navigator to
+         * navigate with: "Go to homepage" called navigate on nothing and the app
+         * stayed on this screen until it was force-quit. A fresh mount starts the
+         * navigator at its initial route.
+         */
+        this.resetError = () => {
+            this.setState({ hasError: false, error: null });
+        };
         this.state = { hasError: false, error: null };
     }
     static getDerivedStateFromError(error) {
         return { hasError: true, error };
     }
-    componentDidCatch(error) {
-        logger.debug(error);
+    componentDidCatch(error, info) {
+        logger.error(error, info?.componentStack ?? '');
     }
     render() {
         if (this.state.hasError) {
-            return React.createElement(FallbackComponent, { error: this.state.error });
+            return React.createElement(FallbackComponent, { error: this.state.error, resetError: this.resetError });
         }
         return this.props.children;
     }

package/lib/components/ErrorBounday.js.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBounday.js","sourceRoot":"","sources":["../../src/components/ErrorBounday.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAQ5C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACtF,YAAY,KAAyB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QACxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,iBAAiB,CAAC,KAAY;QAC1B,MAAM,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC;IAED,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAc,GAAI,CAAC;QACnE,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}
+{"version":3,"file":"ErrorBounday.js","sourceRoot":"","sources":["../../src/components/ErrorBounday.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAO5C,MAAM,OAAO,aAAc,SAAQ,KAAK,CAAC,SAAiD;IACtF,YAAY,KAAyB;QACjC,KAAK,CAAC,KAAK,CAAC,CAAC;QAYjB;;;;;;WAMG;QACH,eAAU,GAAG,GAAG,EAAE;YACd,IAAI,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;QACpD,CAAC,CAAC;QApBE,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC;IAClD,CAAC;IAED,MAAM,CAAC,wBAAwB,CAAC,KAAY;QACxC,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC;IACrC,CAAC;IAED,iBAAiB,CAAC,KAAY,EAAE,IAAqB;QACjD,MAAM,CAAC,KAAK,CAAC,KAAK,EAAE,IAAI,EAAE,cAAc,IAAI,EAAE,CAAC,CAAC;IACpD,CAAC;IAaD,MAAM;QACF,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE,CAAC;YACtB,OAAO,oBAAC,iBAAiB,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAc,EAAE,UAAU,EAAE,IAAI,CAAC,UAAU,GAAI,CAAC;QAChG,CAAC;QACD,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;IAC/B,CAAC;CACJ"}

package/lib/components/Fallback.d.ts

@@ -1,6 +1,8 @@
 import * as React from 'react';
 type Props = {
     error: Error;
+    /** From the boundary that caught the error: mounts the app again. */
+    resetError?: () => void;
 };
 export declare const FallbackComponent: (props: Props) => React.JSX.Element;
 export {};

package/lib/components/Fallback.js

@@ -3,15 +3,20 @@ import { Button, ButtonText } from '@gluestack-ui/themed';
 import * as React from 'react';
 import { StyleSheet } from 'react-native';
 import { SafeAreaView, Text, View } from 'react-native';
-import { useDispatch } from 'react-redux';
 export const FallbackComponent = (props) => {
-    const dispatch = useDispatch();
+    const goHome = () => {
+        if (props.resetError) {
+            props.resetError();
+            return;
+        }
+        navigationRef.navigate('MainStack.Layout.Home');
+    };
     return (React.createElement(SafeAreaView, { style: styles.container },
         React.createElement(View, { style: styles.content },
             React.createElement(Text, { style: styles.title }, "Oops!"),
             React.createElement(Text, { style: styles.subtitle }, "There's an error"),
             React.createElement(Text, { style: styles.error }, props?.error?.message),
-            React.createElement(Button, { style: styles.button, onPress: () => navigationRef.navigate('MainStack.Layout.Home') },
+            React.createElement(Button, { style: styles.button, onPress: goHome },
                 React.createElement(ButtonText, { style: styles.buttonText }, "Go to homepage")))));
 };
 const styles = StyleSheet.create({
@@ -37,14 +42,18 @@ const styles = StyleSheet.create({
     error: {
         paddingVertical: 16,
     },
+    // A fixed height with no vertical padding: `padding: 25` inside
+    // `height: 40` left the label -10pt and it never showed.
     button: {
         backgroundColor: '#2196f3',
         borderRadius: 50,
-        padding: 25,
-        height: 40,
+        height: 52,
+        paddingVertical: 0,
+        paddingHorizontal: 24,
     },
     buttonText: {
         color: '#fff',
+        fontSize: 17,
         fontWeight: '600',
         textAlign: 'center',
     },

package/lib/components/Fallback.js.map

@@ -1 +1 @@
-{"version":3,"file":"Fallback.js","sourceRoot":"","sources":["../../src/components/Fallback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAI1C,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9C,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,OAAO,CACH,oBAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QACjC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;YACvB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAc;YACvC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,IAAG,kBAAkB,CAAQ;YACzD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,EAAE,KAAK,EAAE,OAAO,CAAQ;YACzD,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC;gBACxF,oBAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,qBAA6B,CAC5D,CACN,CACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAQ,UAAU,CAAC,MAAM,CAAC;IAClC,SAAS,EAAE;QACP,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KAC3B;IACD,OAAO,EAAE;QACL,gBAAgB,EAAE,EAAE;KACvB;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,EAAE;QACjB,KAAK,EAAE,MAAM;KAChB;IACD,QAAQ,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;KAChB;IACD,KAAK,EAAE;QACH,eAAe,EAAE,EAAE;KACtB;IACD,MAAM,EAAE;QACJ,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE,EAAE;QACX,MAAM,EAAE,EAAE;KACb;IACD,UAAU,EAAE;QACR,KAAK,EAAE,MAAM;QACb,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;KACtB;CACJ,CAAC,CAAC"}
+{"version":3,"file":"Fallback.js","sourceRoot":"","sources":["../../src/components/Fallback.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,OAAO,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAQxD,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,KAAY,EAAE,EAAE;IAC9C,MAAM,MAAM,GAAG,GAAG,EAAE;QAChB,IAAI,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,OAAO;QACX,CAAC;QACD,aAAa,CAAC,QAAQ,CAAC,uBAAuB,CAAC,CAAC;IACpD,CAAC,CAAC;IACF,OAAO,CACH,oBAAC,YAAY,IAAC,KAAK,EAAE,MAAM,CAAC,SAAS;QACjC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO;YACvB,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,YAAc;YACvC,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,QAAQ,IAAG,kBAAkB,CAAQ;YACzD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,IAAG,KAAK,EAAE,KAAK,EAAE,OAAO,CAAQ;YACzD,oBAAC,MAAM,IAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,EAAE,MAAM;gBACzC,oBAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,UAAU,qBAA6B,CAC5D,CACN,CACI,CAClB,CAAC;AACN,CAAC,CAAC;AAEF,MAAM,MAAM,GAAQ,UAAU,CAAC,MAAM,CAAC;IAClC,SAAS,EAAE;QACP,eAAe,EAAE,SAAS;QAC1B,IAAI,EAAE,CAAC;QACP,cAAc,EAAE,QAAQ;KAC3B;IACD,OAAO,EAAE;QACL,gBAAgB,EAAE,EAAE;KACvB;IACD,KAAK,EAAE;QACH,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,aAAa,EAAE,EAAE;QACjB,KAAK,EAAE,MAAM;KAChB;IACD,QAAQ,EAAE;QACN,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,KAAK,EAAE,MAAM;KAChB;IACD,KAAK,EAAE;QACH,eAAe,EAAE,EAAE;KACtB;IACD,gEAAgE;IAChE,yDAAyD;IACzD,MAAM,EAAE;QACJ,eAAe,EAAE,SAAS;QAC1B,YAAY,EAAE,EAAE;QAChB,MAAM,EAAE,EAAE;QACV,eAAe,EAAE,CAAC;QAClB,iBAAiB,EAAE,EAAE;KACxB;IACD,UAAU,EAAE;QACR,KAAK,EAAE,MAAM;QACb,QAAQ,EAAE,EAAE;QACZ,UAAU,EAAE,KAAK;QACjB,SAAS,EAAE,QAAQ;KACtB;CACJ,CAAC,CAAC"}

package/lib/components/__tests__/ErrorBoundary.test.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/__tests__/ErrorBoundary.test.js

@@ -0,0 +1,47 @@
+/**
+ * The app-wide boundary wraps the navigation container. Live 2026-10-10: a
+ * screen threw, the fallback showed, and "Go to homepage" did nothing (its
+ * label did not even show) - the app was stuck until it was force-quit.
+ */
+import React from 'react';
+import { Text } from 'react-native';
+import { fireEvent, render } from '@testing-library/react-native';
+import { ErrorBoundary } from '../ErrorBounday';
+const mockNavigate = jest.fn();
+jest.mock('@common-stack/client-react', () => ({
+    navigationRef: { navigate: (...a) => mockNavigate(...a) },
+}));
+jest.mock('@cdm-logger/client', () => ({ logger: { error: jest.fn(), debug: jest.fn() } }));
+jest.mock('@gluestack-ui/themed', () => {
+    const { Pressable: P, Text: T } = jest.requireActual('react-native');
+    return { Button: P, ButtonText: T };
+});
+let crash = true;
+function Screen() {
+    if (crash)
+        throw new Error("Property 'promoProgress' doesn't exist");
+    return React.createElement(Text, null, "Home");
+}
+describe('app error boundary', () => {
+    beforeEach(() => {
+        crash = true;
+        mockNavigate.mockClear();
+        jest.spyOn(console, 'error').mockImplementation(() => undefined);
+    });
+    it('shows the error and a labelled way home', () => {
+        const { getByText } = render(React.createElement(ErrorBoundary, null,
+            React.createElement(Screen, null)));
+        expect(getByText("Property 'promoProgress' doesn't exist")).toBeTruthy();
+        expect(getByText('Go to homepage')).toBeTruthy();
+    });
+    it('"Go to homepage" mounts the app again instead of navigating a navigator that is gone', () => {
+        const { getByText, queryByText } = render(React.createElement(ErrorBoundary, null,
+            React.createElement(Screen, null)));
+        crash = false;
+        fireEvent.press(getByText('Go to homepage'));
+        expect(getByText('Home')).toBeTruthy();
+        expect(queryByText("There's an error")).toBeNull();
+        expect(mockNavigate).not.toHaveBeenCalled();
+    });
+});
+//# sourceMappingURL=ErrorBoundary.test.js.map

package/lib/components/__tests__/ErrorBoundary.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.test.js","sourceRoot":"","sources":["../../../src/components/__tests__/ErrorBoundary.test.tsx"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;AAC/B,IAAI,CAAC,IAAI,CAAC,4BAA4B,EAAE,GAAG,EAAE,CAAC,CAAC;IAC3C,aAAa,EAAE,EAAE,QAAQ,EAAE,CAAC,GAAG,CAAY,EAAE,EAAE,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC,EAAE;CACvE,CAAC,CAAC,CAAC;AACJ,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC,CAAC;AAC5F,IAAI,CAAC,IAAI,CAAC,sBAAsB,EAAE,GAAG,EAAE;IACnC,MAAM,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,GAAG,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;IACrE,OAAO,EAAE,MAAM,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC,EAAE,CAAC;AACxC,CAAC,CAAC,CAAC;AAEH,IAAI,KAAK,GAAG,IAAI,CAAC;AACjB,SAAS,MAAM;IACX,IAAI,KAAK;QAAE,MAAM,IAAI,KAAK,CAAC,wCAAwC,CAAC,CAAC;IACrE,OAAO,oBAAC,IAAI,eAAY,CAAC;AAC7B,CAAC;AAED,QAAQ,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAChC,UAAU,CAAC,GAAG,EAAE;QACZ,KAAK,GAAG,IAAI,CAAC;QACb,YAAY,CAAC,SAAS,EAAE,CAAC;QACzB,IAAI,CAAC,KAAK,CAAC,OAAO,EAAE,OAAO,CAAC,CAAC,kBAAkB,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE,GAAG,EAAE;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,oBAAC,aAAa;YACV,oBAAC,MAAM,OAAG,CACE,CACnB,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,wCAAwC,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACzE,MAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;IACrD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sFAAsF,EAAE,GAAG,EAAE;QAC5F,MAAM,EAAE,SAAS,EAAE,WAAW,EAAE,GAAG,MAAM,CACrC,oBAAC,aAAa;YACV,oBAAC,MAAM,OAAG,CACE,CACnB,CAAC;QACF,KAAK,GAAG,KAAK,CAAC;QACd,SAAS,CAAC,KAAK,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC;QAC7C,MAAM,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC,UAAU,EAAE,CAAC;QACvC,MAAM,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;QACnD,MAAM,CAAC,YAAY,CAAC,CAAC,GAAG,CAAC,gBAAgB,EAAE,CAAC;IAChD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@admin-layout/gluestack-ui-mobile",
-    "version": "12.2.5-alpha.15",
+    "version": "12.2.5-alpha.17",
     "description": "Glustack-ui for mobile component layout",
     "license": "ISC",
     "author": "CDMBase LLC",
@@ -50,5 +50,5 @@
     "typescript": {
         "definition": "lib/index.d.ts"
     },
-    "gitHead": "d82d5b9a4f67eb3aa67b6b3aa13501e07d5acf3b"
+    "gitHead": "c9eb00d88ad357e72bd1fc58b67081a434476dbe"
 }

package/src/components/ErrorBounday.tsx

@@ -1,7 +1,6 @@
 import React, { ReactElement } from 'react';
 import { FallbackComponent } from './Fallback';
 import { logger } from '@cdm-logger/client';
-import { useDispatch } from 'react-redux';
 
 type IErrorBoundryState = { hasError: boolean; error: Error | null };
 type IErrorBoundryProps = {
@@ -18,13 +17,24 @@ export class ErrorBoundary extends React.Component<IErrorBoundryProps, IErrorBou
         return { hasError: true, error };
     }
 
-    componentDidCatch(error: Error) {
-        logger.debug(error);
+    componentDidCatch(error: Error, info: React.ErrorInfo) {
+        logger.error(error, info?.componentStack ?? '');
     }
 
+    /**
+     * Mount the children again. The app's boundary wraps the navigation
+     * container itself, so while the fallback shows there is no navigator to
+     * navigate with: "Go to homepage" called navigate on nothing and the app
+     * stayed on this screen until it was force-quit. A fresh mount starts the
+     * navigator at its initial route.
+     */
+    resetError = () => {
+        this.setState({ hasError: false, error: null });
+    };
+
     render() {
         if (this.state.hasError) {
-            return <FallbackComponent error={this.state.error as Error} />;
+            return <FallbackComponent error={this.state.error as Error} resetError={this.resetError} />;
         }
         return this.props.children;
     }

package/src/components/Fallback.tsx

@@ -4,19 +4,28 @@ import * as React from 'react';
 import { StyleSheet } from 'react-native';
 
 import { SafeAreaView, Text, View } from 'react-native';
-import { useDispatch } from 'react-redux';
 
-type Props = { error: Error };
+type Props = {
+    error: Error;
+    /** From the boundary that caught the error: mounts the app again. */
+    resetError?: () => void;
+};
 
 export const FallbackComponent = (props: Props) => {
-    const dispatch = useDispatch();
+    const goHome = () => {
+        if (props.resetError) {
+            props.resetError();
+            return;
+        }
+        navigationRef.navigate('MainStack.Layout.Home');
+    };
     return (
         <SafeAreaView style={styles.container}>
             <View style={styles.content}>
                 <Text style={styles.title}>Oops!</Text>
                 <Text style={styles.subtitle}>{"There's an error"}</Text>
                 <Text style={styles.error}>{props?.error?.message}</Text>
-                <Button style={styles.button} onPress={() => navigationRef.navigate('MainStack.Layout.Home')}>
+                <Button style={styles.button} onPress={goHome}>
                     <ButtonText style={styles.buttonText}>Go to homepage</ButtonText>
                 </Button>
             </View>
@@ -47,14 +56,18 @@ const styles: any = StyleSheet.create({
     error: {
         paddingVertical: 16,
     },
+    // A fixed height with no vertical padding: `padding: 25` inside
+    // `height: 40` left the label -10pt and it never showed.
     button: {
         backgroundColor: '#2196f3',
         borderRadius: 50,
-        padding: 25,
-        height: 40,
+        height: 52,
+        paddingVertical: 0,
+        paddingHorizontal: 24,
     },
     buttonText: {
         color: '#fff',
+        fontSize: 17,
         fontWeight: '600',
         textAlign: 'center',
     },

package/src/components/__tests__/ErrorBoundary.test.tsx

@@ -0,0 +1,56 @@
+/**
+ * The app-wide boundary wraps the navigation container. Live 2026-10-10: a
+ * screen threw, the fallback showed, and "Go to homepage" did nothing (its
+ * label did not even show) - the app was stuck until it was force-quit.
+ */
+import React from 'react';
+import { Text } from 'react-native';
+import { fireEvent, render } from '@testing-library/react-native';
+import { ErrorBoundary } from '../ErrorBounday';
+
+const mockNavigate = jest.fn();
+jest.mock('@common-stack/client-react', () => ({
+    navigationRef: { navigate: (...a: unknown[]) => mockNavigate(...a) },
+}));
+jest.mock('@cdm-logger/client', () => ({ logger: { error: jest.fn(), debug: jest.fn() } }));
+jest.mock('@gluestack-ui/themed', () => {
+    const { Pressable: P, Text: T } = jest.requireActual('react-native');
+    return { Button: P, ButtonText: T };
+});
+
+let crash = true;
+function Screen() {
+    if (crash) throw new Error("Property 'promoProgress' doesn't exist");
+    return <Text>Home</Text>;
+}
+
+describe('app error boundary', () => {
+    beforeEach(() => {
+        crash = true;
+        mockNavigate.mockClear();
+        jest.spyOn(console, 'error').mockImplementation(() => undefined);
+    });
+
+    it('shows the error and a labelled way home', () => {
+        const { getByText } = render(
+            <ErrorBoundary>
+                <Screen />
+            </ErrorBoundary>,
+        );
+        expect(getByText("Property 'promoProgress' doesn't exist")).toBeTruthy();
+        expect(getByText('Go to homepage')).toBeTruthy();
+    });
+
+    it('"Go to homepage" mounts the app again instead of navigating a navigator that is gone', () => {
+        const { getByText, queryByText } = render(
+            <ErrorBoundary>
+                <Screen />
+            </ErrorBoundary>,
+        );
+        crash = false;
+        fireEvent.press(getByText('Go to homepage'));
+        expect(getByText('Home')).toBeTruthy();
+        expect(queryByText("There's an error")).toBeNull();
+        expect(mockNavigate).not.toHaveBeenCalled();
+    });
+});

package/babel.config.js

@@ -1,26 +0,0 @@
-module.exports = {
-    compact: false,
-    presets: [
-        "module:metro-react-native-babel-preset",
-        '@babel/preset-typescript',
-        '@babel/preset-react',
-        ['@babel/preset-env', { modules: 'commonjs', loose: true }],
-    ],
-    plugins: [
-        '@babel/plugin-transform-modules-commonjs',
-        '@babel/plugin-transform-destructuring',
-        '@babel/plugin-transform-for-of',
-        '@babel/plugin-transform-regenerator',
-        '@babel/plugin-transform-runtime',
-        '@babel/plugin-syntax-dynamic-import',
-        '@babel/plugin-transform-flow-strip-types',
-        '@babel/plugin-proposal-class-properties',
-        ['@babel/plugin-proposal-decorators', { legacy: true }],
-        '@babel/plugin-proposal-object-rest-spread',
-    ],
-    env: {
-        production: {
-            compact: true,
-        },
-    },
-};