In case of react-leafleat just use following code:

import { MapContainer, ScaleControl } from "react-leaflet";

export function MyMap() {
  return (
    <MapContainer>
      <ScaleControl metric={true} imperial={false} />
    </MapContainer>
  );
}