React parser

parser.js

const parseOriginalTweet = (body) => {
  const parser = new DOMParser();
  const doc = parser.parseFromString(body, 'text/html');
  return doc.querySelector('blockquote p').innerText || '';
}

const RenderedTweet = ({ tweet }) => {
  const now = new Date();
  const formattedTime = new Intl.DateTimeFormat(navigator.language, {
    hour: 'numeric',
    minute: 'numeric',
  }).format(now);

  const originalTweet = parseOriginalTweet(tweet.original_tweet);

  return (
    <div>
      <p>
        <small>
          {formattedTime}
        </small>
      </p>
      <p>
        Hidden
        <a
          target='_blank'
          href={`https://twitter.com/${tweet.user.name}`}
        >
          @{tweet.user.name}
        </a>’s reply to “${originalTweet}”
      </p>
      <p>
        <a
          target='_blank'
          href={`https://twitter.com/${tweet.user.name}/status/${tweet.id_str}`}
          class='tweet-link'>
          Show reply on Twitter
        </a>
      </p>
   </div>
  );
};