Error, Property 'mbTiles' does not exist on type 'typeof tileLayer' with ionic cordova angular

[skelvin]

I am trying to integrate leaflet-tilelayer-mbtiles-ts into my ionic project but im getting an error Property 'mbTiles' does not exist on type 'typeof tileLayer' with ionic cordova angular

cordova: 12.0.0
ionic: 7.1.1
"leaflet" : "^1.7.1",
"leaflet-tilelayer-mbtiles-ts": "^1.5.6",
"@types/leaflet": "^1.5.19",

page.ts

``
import * as L from 'leaflet';
import "leaflet-tilelayer-mbtiles-ts";

@component({
selector: 'app-test-page',
templateUrl: './test-page.page.html',
styleUrls: ['./test-page.page.scss'],
})
export class TestPagePage implements OnInit {
public map : L.Map;

private async initMap() {
this.map = new L.Map('map_canvas');

this.map.on('load', (event:any) => {
  this.map.locate({
    watch:false,
    setView:true,
    maxZoom:17,
    enableHighAccuracy:true,
  });

  var iconOptions = {
    iconUrl: 'assets/maps/gps-location.svg',
  }
  var customIcon = L.icon(iconOptions);
  var markerOptions = {
    clickable: false,
    draggable: true,
    icon: customIcon
 }

  L.marker([this.latitude, this.longitude], markerOptions).addTo(this.map);
});

this.map.setView([1.76934, 32.64209], 6);
      const mb = L.tileLayer.mbTiles('/azc/offlinemaps/ke.mbtiles', {
        minZoom: 0,
        maxZoom: 6
      }).addTo(this.map);

}
}
``