react-native(HeaderRoot): render title row when only titleAccessory is provided; preserve title===false guard

cursoragent · cursoragent · commit 85a2998c85d3 · 2026-04-13T21:02:23.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
@@ -3,6 +3,7 @@ import React from 'react';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 // External dependencies.
+import { isReactNodeRenderable } from '@metamask/design-system-shared';
 import { Box, BoxAlignItems, BoxFlexDirection } from '../Box';
 import { BoxRow } from '../BoxRow';
 import { ButtonIcon, ButtonIconSize } from '../ButtonIcon';
@@ -49,7 +50,10 @@ export const HeaderRoot = ({
     if (children) {
       return children;
     }
-    if (title) {
+    const hasTitleContent =
+      title !== false &&
+      (isReactNodeRenderable(title) || isReactNodeRenderable(titleAccessory));
+    if (hasTitleContent) {
       return (
         <BoxRow
           endAccessory={titleAccessory}
