How to use mapbox studio url in react-map-gl?

Question

I am trying to use style url from mapbox studio. I am using react-map-gl as a wrapper for map-box-gl js.

<ReactMapGL
            {...viewport}
            ref={mapRef}
            mapStyle={"mapbox://styles/user__name/ckh1vbc850jll19mijutmf889"}
            mapboxApiAccessToken="pk.eyJ1IjoidW1hMTMwMiIsImEiOiJja2UweDFvbTI0MDlqMnF0djN6cGZkdmZ3In0.ZPWXqok_MC06MciSIvhxVg"
            onViewportChange={nextViewport => setViewport(nextViewport)}
            onHover={(e)=>setFeatures(e.features)}
        >
        </ReactMapGL>

It renders a blank screen.

ALl markers and poups are working fine, but it does't show the tiles.

Answer 1

The closing " is missing in

mapStyle={"mapbox://styles/user__name/ckh1vbc850jll19mijutmf889}