[BUG]: Getting strange choropleth map output when locationmode is set to geojson-id

[kburchfiel]

Description

I'm working on a choropleth map that features data at the US Metropolitan Statistical Area (MSA) level. This process involves (1) loading in simplified MSA-level GeoJSON data; (2) loading data into a Danfo.js DataFrame; and (3) rendering my map within Plotly.js. Because I'm using custom shapefiles here, I need to use geojson-id as my locationmode argument and a custom featureidkey ("properties.MSA") in order to link my shapefiles and data.

My map renders well when using choroplethmap, but I'd really like to get the map working using choropleth, as I'll then be able to display Alaska and Hawaii within the same window as the contiguous US. However, as shown in the screenshots, something is clearly not working right.

Screenshots/Video

Output when using choropleth to render the map:

Output when creating a tiled map via choroplethmap instead:

I also tried creating a state-level map via a separate set of GeoJSON outlines and JSON data, but this failed to work correctly as well:

Steps to reproduce

Here is a link to my script: https://codepen.io/kburchfielifs/pen/OPRNOMo