message: Changed to just include root mounth
diff: import type {ReactElement} from 'react';
  -import {createElement} from 'react';
  import {render as remoteRender} from '@remote-ui/react';
  import {extend} from '@shopify/retail-ui-extensions';
  import type {
  @@ -36,15 +35,24 @@ export function render<ExtensionPoint extends RenderExtensionPoint>(
  return extend<'Retail::SmartGrid::Tile'>(
  extensionPoint as any,
  (root, api) => {
  - return new Promise(() => {
  - const element = render(api as ApiForRenderExtension<ExtensionPoint>);
  + return new Promise((resolve, reject) => {
  + try {
  remoteRender(
  - createElement(ExtensionApiContext.Provider, {value: api}, element),
  + <ExtensionApiContext.Provider value={api}>
  + {render(api as ApiForRenderExtension<ExtensionPoint>)}
  + </ExtensionApiContext.Provider>,
  root,
  () => {
  root.mount();
  + resolve();
  },
  );
  + } catch (error) {
  + // Workaround for https://github.com/Shopify/ui-extensions/issues/325
  + // eslint-disable-next-line no-console
  + console.error(error);
  + reject(error);
  + }
  });
  },
  );
  