why is mapStyle not changing?

[ChristianFJung]

Using the code from the interactive map documentation -> https://visgl.github.io/react-map-gl/docs/api-reference/interactive-map

import * as React from 'react';
import ReactMapGL from 'react-map-gl';

function App() {
  const [viewport, setViewport] = React.useState({
    longitude: -122.45,
    latitude: 37.78,
    zoom: 14
  });
  return (
    <ReactMapGL {...viewport} width="100vw" height="100vh" onViewportChange={setViewport} />
  );
}

How can I change the mapstyle to be "mapbox://styles/mapbox/satellite-v9"?

[Pessimistress]

Look for mapStyle on the page you linked.