Map do not show the markers from the tutorial

[Epameinondas-Theodoropoulos]

mapbox-gl-js version: 3.7.0

browser: Chrome Version 130.0.6723.60 (Official Build) (64-bit)

Angular version:
"@angular/animations": "^18.2.0",
"@angular/cdk": "^18.2.6",
"@angular/common": "^18.2.0",
"@angular/compiler": "^18.2.0",
"@angular/core": "^18.2.0",
"@angular/fire": "^18.0.1",
"@angular/forms": "^18.2.0",
"@angular/platform-browser": "^18.2.0",
"@angular/platform-browser-dynamic": "^18.2.0",

Steps to Trigger Behavior

I tried the tutorial that exist in this page (https://docs.mapbox.com/help/tutorials/custom-markers-gl-js/#step-2-initialize-your-map). In version ^2.13.0 this was ok. But in the newer update I can't see the markers. Is just the map without the markers.

I also tried the new method in map.

this.map._addMarker(
          new mapboxgl.Marker().setLngLat({
            lat: feature.geometry.coordinates[1],
            lon: feature.geometry.coordinates[0],
          })
        );

        this.map._forceMarkerAndPopupUpdate();

But nothing happened again.

Link to Demonstration

https://jsbin.com/

Expected Behavior

To show the marker as the tutorial show

Actual Behavior

[huruvim]

did you add styles to your app?

[Epameinondas-Theodoropoulos]

did you add styles to your app?

@huruvim nothing. This is just the app.component.ts and app.component.html with nothing. Just as angular created.