OrderStatusApi

import {
  reactExtension,
  Banner,
  useOrder,
} from '@shopify/ui-extensions-react/checkout';

export default reactExtension(
  'customer-account.order-status.customer-information.render-after',
  () => <Extension />,
);

function Extension() {
  const order = useOrder();

  if (order) {
    return (
      <Banner>
        Please include your order ID ({order.id})
        in support requests
      </Banner>
    );
  }

  return null;
}

import {
  Banner,
  extension,
} from '@shopify/ui-extensions/checkout';

export default extension(
  'customer-account.order-status.customer-information.render-after',
  (root, {order}) => {
    let bannerShown = false;

    order.subscribe((order) => {
      if (order && !bannerShown) {
        root.appendChild(
          root.createComponent(
            Banner,
            undefined,
            `Please include your order ID (${order.id}) in support requests`,
          ),
        );

        bannerShown = true;
      }
    });
  },
);