Function isBlockMedia

desktop/src/shared/ui/markdownUtils.ts:10–25

* Returns true when a React element is a block-level media wrapper (image or * video). The `img` component in `createMarkdownComponents` marks its output * with a `data-block-media` prop so we can reliably distinguish media from * other custom components (links, mentions, etc.) that also have non

(child: React.ReactNode)

 * types in react-markdown v10.
 */
function isBlockMedia(child: React.ReactNode): boolean {
  if (!React.isValidElement(child)) return false;

  const props = child.props as {
    children?: React.ReactNode;
    node?: { tagName?: unknown };
    [key: string]: unknown;
  };
  const node = props?.node as { tagName?: unknown } | undefined;

  if (props?.["data-block-media"] != null || node?.tagName === "img") {
    return true;
  }

  return React.Children.toArray(props.children).some(isBlockMedia);
}

/**
 * Classifies an array of React children into media vs non-media buckets.