RLayerWMTS refresh is dysfunctional about rlayers HOT 6 CLOSED

    componentDidUpdate(prevProps: Readonly<P>, prev: Readonly<unknown>, snap: unknown): void {
        if (this.props !== prevProps) {
            debug('willRefresh', this, prevProps, this.props);
            this.refresh(prevProps);
        }
    }

export default () => {
  const [pinCoords, setPinCoords] = React.useState(initialPinCoord);
...
  return (
...
          <RMap className="..." ...>
            <RLayerWMTS url="[fixed URL, never changes]" layer="..." />
            <RLayerVector>
              <RFeature feature={pinFeature}>...</RFeature>
            </RLayerVector>
            <RInteraction.RTranslate
              features={new Collection([pinFeature])} // same feature as in the preceding vector layer
              onTranslateEnd={React.useCallback((e: TranslateEvent) => {
                setPinCoords(e.coordinate); // this causes the unwanted full WMTS layer refresh
              }, [])}
            />
          </RMap>

import React from "react";
import { fromLonLat, toLonLat } from "ol/proj";
import { Point } from "ol/geom";
import { Feature } from "ol";
import { Coordinate } from "ol/coordinate";
import "ol/ol.css";

import pin from "./pin.svg";
import {
  RMap,
  ROSM,
  RInteraction,
  RLayerVector,
  RStyle,
  RFeature,
  RLayerWMTS,
} from "rlayers";

export const coords: Coordinate = [2.352, 48.861];

const coordsToString = (coords: any) => `${coords[1].toFixed(3)}:${coords[0].toFixed(3)}`;

export default function Interactions(): JSX.Element {
  const [msg, setMsg] = React.useState("");
  const [feature] = React.useState(new Feature({ geometry: new Point(fromLonLat(coords)) }));
  return (
    <React.Fragment>
      <RMap
        height="90vh"
        className="example-map"
        initial={{ center: fromLonLat(coords), zoom: 11 }}
      >
        {/*<ROSM />*/}
        <RLayerWMTS
          url="https://wxs.ign.fr/essentiels/geoportail/wmts?SERVICE=WMTS&REQUEST=GetCapabilities"
          layer="GEOGRAPHICALGRIDSYSTEMS.PLANIGNV2" />

        <RLayerVector>
          <RStyle.RStyle>
            <RStyle.RIcon src={pin} />
          </RStyle.RStyle>
          <RFeature feature={feature}/>
        </RLayerVector>

        <RInteraction.RTranslate
          onTranslating={React.useCallback((e: any) => {
            const f = e.features.item(0);
            const coords = toLonLat((f.getGeometry() as Point).getFirstCoordinate());
            setMsg(`You placed the pin at ${coordsToString(coords)}`);
          }, [])}
        />
      </RMap>
      {/*<div*/}
      {/*  className="mx-0 mt-0 mb-3 p-1 w-100 jumbotron shadow shadow"*/}
      {/*  dangerouslySetInnerHTML={{ __html: msg }}*/}
      {/*/>*/}
    </React.Fragment>
  );
}