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>
</>