@primer/react/lib-esm/drafts/MarkdownViewer/_useLinkInterception.js

An implementation of GitHub's Primer Design System using React

import { useEffect } from 'react';

/**
 * Updates all links in the container to open a new tab and call `onLinkClick` on click.
 */
const useLinkInterception = ({
  htmlContainer,
  onLinkClick,
  openLinksInNewTab
}) => {
  useEffect(() => {
    const clickHandler = event => {
      const link = event.target.closest('a');
      if (!link) return;
      onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(event);
      if (!event.defaultPrevented && openLinksInNewTab && link.href) {
        window.open(link.href, '_blank', 'noopener noreferrer');
        event.preventDefault();
      }
    };
    htmlContainer.addEventListener('click', clickHandler);
    return () => {
      htmlContainer.removeEventListener('click', clickHandler);
    };
  }, [htmlContainer, onLinkClick, openLinksInNewTab]);
};

export { useLinkInterception };