How to Render Global Nav and Breadcrumb in the same SharePoint Extension

[Chivleng Tony Lim]

How do I render the global menu and breadcrumps in the same sharepoint extension?  I need the const element to contain both the Global Nav Bar and BreadCrumb below.

Any advice is appreciated.

        const element: React.ReactElement<ITenantGlobalNavBarProps> = React.createElement(
          TenantGlobalNavBar,
          {
            menuItems: this._topMenuItems,
          }
        );

        ReactDom.render(element, this._topPlaceholder.domElement);

        const element: React.ReactElement<ISiteBreadcrumbProps> = React.createElement(
          SiteBreadcrumb,
          {
            context: this.context
          }
        );
        ReactDom.render(element, this._headerPlaceholder.domElement);

 do