NextUI seems to break/clash with Mapbox GL JS

[newguy123-creator]

mapbox-gl-js version:3.7.0

browser:Chrome, Forefox, any browser

Steps to Trigger Behavior

1. Get a working react app with tailwind and mapbox gl js
2. Add NextUI
3. Add the NextUi tags, NextUIProvider around the App as per install instrutions

Link to Demonstration

No example

Expected Behavior

App continues working and map displays

Actual Behavior

As soon as App is surrounded by tags, mapbox map no longer displays - everything else works fine, except map no longer visible

[newguy123-creator]

Seems I may have resolved the issue, although not sure why!?!
My map container has a tailwind css styling on it "className="h-full w-full bg-[lightgrey]"
If I remove this style, then use the container's id and use regular css in my css file like so:

#map-container {
    width: 100%;
    height: 100vh;
}

...it seems to resolve the issue. Very weird, but it works