message: Fixed the renderer
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 {
  @@ -35,20 +36,15 @@ export function render<ExtensionPoint extends RenderExtensionPoint>(
  return extend<'Retail::SmartGrid::Tile'>(
  extensionPoint as any,
  (root, api) => {
  - return new Promise((resolve, reject) => {
  - try {
  + return new Promise(() => {
  + const element = render(api as ApiForRenderExtension<ExtensionPoint>);
  remoteRender(
  - <ExtensionApiContext.Provider value={api}>
  - {render(api as ApiForRenderExtension<ExtensionPoint>)}
  - </ExtensionApiContext.Provider>,
  + createElement(ExtensionApiContext.Provider, {value: api}, element),
  root,
  () => {
  - resolve();
  + root.mount();
  },
  );
  - } catch (error) {
  - reject(error);
  - }
  });
  },
  );
  