Как правильно отображать строки, которые содержат HTML коды в DOM?

Question

Я использую этот API YouTube для поиска видео.

Этот API возвращает строки, содержащие HTML коды. Смотрите скриншот (например, строка заголовка видео):

Вот как я пытаюсь отобразить эти строки:

const VideoItem = (props) => {
  const { video } = props;
  return <div>{video.snippet.title}</div>;
};

/*
video is an object returned by the API that looks something like this:
{
  kind: "youtube#searchResult"
  etag: ""ksCrgYQhtFrXgbHAhi9Fo5t0C2I/8QlvlMnqhUJt4iPd6lfzENj0js8""
  id: {kind: "youtube#video", videoId: "PuTqWxuAazI"}
  snippet: {publishedAt: "2019-09-01T16:30:11.000Z", channelId: "UCxc9V3B75Ps8JGx_27G4Dyg", title: "EVOLUTION of WORLD&#39;S TALLEST BUILDING: Size Comparison (1901-2022)", description: "...
}
*/

и вот результат:

Как видите, апостроф должен быть отрисован, но вместо него выдается '.

Как это исправить?

Заранее спасибо!