const objectId = feature.attributes.OID;

                // When the list item is hovered over, highlight the corresponding building in gold
                li.addEventListener("mouseenter", () => {
                  // Since no highlight name is provided, the default will be used
                  hoverHighlight = layerView.highlight(feature);
                });

                // Remove the hover highlight when the list item is no longer hovered over
                li.addEventListener("mouseleave", () => {
                  hoverHighlight?.remove();
                });

                // When the list item is selected, highlight the corresponding building in blue
                // Each list item needs a highlight handler so the highlight can be removed from each building independently
                let selectionHighlight = null;
                li.addEventListener("calciteListItemSelect", (event) => {
                  if (event.target.selected) {
                    // A feature can also be highlighted using its object ID
                    selectionHighlight = layerView.highlight(objectId, { name: "multiselect" });
                  } else {
                    selectionHighlight?.remove();
                  }
                });