Tiled WMS

See https://openlayers.org/en/latest/examples/wms-tiled.html

import React from "react";
import "ol/ol.css";
import { Map } from "@react-ol/fiber";

export const ExampleTiledWMS = () => {
  return (
    <Map>
      <olView initialCenter={[-10997148, 4569099]} initialZoom={4} />
      <olLayerTile>
        <olSourceOSM />
      </olLayerTile>
      <olLayerTile>
        <olSourceTileWMS
          url="https://ahocevar.com/geoserver/wms"
          params={{ LAYERS: "topp:states", TILED: true }}
          serverType="geoserver"
          transition={0}
        />
      </olLayerTile>
    </Map>
  );
};