[Bug] Unable to use Mapbox map.setPaintProperty

[newguy123-creator]

Description

So how on earth do I set this property? map.setPaintProperty('basemap', 'raster-opacity', 0.5) No matter where I add it, I get console error: this is not a function

Expected Behavior

It should make the map 50% see-through without affecting its container or any of my R3F 3D components.

Steps to Reproduce

    const see = () => {
        mapRef.current.setPaintProperty("basemap", "raster-opacity", 0.5);
    };

return(
<>
                <Map
                    {...viewState}
                    antialias
                    ref={mapRef}
                    mapboxAccessToken="TOKEN"
                    style={{ width: "100%", height: "100%" }}
                    mapStyle="mapbox://styles/mapbox/standard"
                    onMove={(evt) => setViewState(evt.viewState)}
                    onLoad={() => see()}
                >

                    <NavigationControl showCompass={true} />

                    <Canvas
                        shadows
                        latitude={lat}
                        longitude={long}
                   >

                        <MainLight />
                        <Site position={[-3.855, 0, 180.526]} />

                    </Canvas>

                </Map>
</>

Environment

• Framework version: react-map-gl@7.1.7
• Map library: mapbox-gl@3.7.0"
• Browser: Chrome 130.0
• OS: Windows 10 Pro

Logs

Uncaught TypeError: mapRef.current.setPaintProperty is not a function