react-native(HeaderRoot): suppress title row when title === false; restore isReactNodeRenderable checks for title/accessory

cursoragent · cursoragent · commit ed03fb450e96 · 2026-04-13T19:47:49.000Z
diff --git a/packages/design-system-react-native/src/components/HeaderRoot/HeaderRoot.tsx b/packages/design-system-react-native/src/components/HeaderRoot/HeaderRoot.tsx
@@ -7,6 +7,7 @@ import { Box, BoxAlignItems, BoxFlexDirection } from '../Box';
 import { BoxRow } from '../BoxRow';
 import { ButtonIcon, ButtonIconSize } from '../ButtonIcon';
 import { TextVariant } from '../Text';
+import { isReactNodeRenderable } from '@metamask/design-system-shared';
 
 // Internal dependencies.
 import type { HeaderRootProps } from './HeaderRoot.types';
@@ -49,16 +50,21 @@ export const HeaderRoot = ({
     if (children) {
       return children;
     }
-    if (title || titleAccessory) {
+    const hasTitleContent =
+      title !== false &&
+      (isReactNodeRenderable(title) || isReactNodeRenderable(titleAccessory));
+    if (hasTitleContent) {
       return (
         <BoxRow
-          endAccessory={titleAccessory}
+          endAccessory={
+            isReactNodeRenderable(titleAccessory) ? titleAccessory : undefined
+          }
           textProps={{
             variant: TextVariant.HeadingLg,
             ...titleProps,
           }}
         >
-          {title || null}
+          {isReactNodeRenderable(title) ? title : null}
         </BoxRow>
       );
     }
