JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//cdn.knightlab.com/libs/timeline3/latest/js/timeline.js"></script>
<link rel="stylesheet" href="//cdn.knightlab.com/libs/timeline3/latest/css/timeline.css">
<div id='timeline-embed' style="width: 100%; height: 600px"></div>

JavaScript

function alerter(s) {
  return function() { alert(s); };
}

// https://github.com/NUKnightLab/TimelineJS3/blob/3.3.7/API.md#events
// events that don't fire as expected:
//   loaded, dataloaded
var events = [
  "back_to_start",
  "change",
  "dataloaded",
  "loaded",
  "zoom_in",
  "zoom_out",
  "nav_next",
  "nav_previous"
];

timeline = new TL.Timeline(
  'timeline-embed',
  'https://docs.google.com/spreadsheets/d/1cWqQBZCkX9GpzFtxCWHoqFXCHg-ylTVUWlnrdYMzKUI/pubhtml'
);