IndoorControl not rendering

by Tristen Brown

HTML

<script src="https://api.mapbox.com/mapbox-gl-js/v3.21.0-rc.1/mapbox-gl.js"></script>
<link
  href="https://api.mapbox.com/mapbox-gl-js/v3.21.0-rc.1/mapbox-gl.css"
  rel="stylesheet"
/>
<link
  href="https://api.mapbox.com/mapbox-assembly/mbx/v1.2.0/assembly.min.css"
  rel="stylesheet"
/>
<div id="map" class="absolute top bottom left right w-full"></div>

JavaScript

mapboxgl.accessToken =
  "pk.eyJ1IjoibWFwYm94c2F0ZWxsaXRlIiwiYSI6ImNqZWZ0MHg0djFqZWoyeG9kN3ZiMmkyd3cifQ.y2HNjGo7FcKQ7psI_BfGqQ";

const map = new mapboxgl.Map({
  container: "map",
  style: 'mapbox://styles/tristen/cmm2bah2v001i01rwcxxi7bzk',
  center: [-118.409679, 33.9436],
  zoom: 17,
  pitch: 58,
  bearing: 25.6
});

map.on('load', () => {
  const indoor = new mapboxgl.IndoorControl();
  map.addControl(indoor);
});