Bootstrap 5 eCommerce Gallery plugin

Expected behavior

Working gallery example like on the page

Actual behavior

After installing the plugin and copying the code, the gallery does not display any pictures

Resources (screenshots, code snippets etc.)

package.json

...
"mdb-react-ecommerce-gallery": "./plugins/ecommerce-gallery.tgz",
...

index.js

...
import 'mdb-react-ecommerce-gallery/dist/css/ecommerce-gallery.min.css';
...

code that was use

import React from 'react';
import { MDBEcommerceGallery } from 'mdb-react-ecommerce-gallery';

const basicPhotos = [
  {
    thumbnail: 'https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.webp',
    src: 'https://mdbcdn.b-cdn.net/img/Photos/Slides/1.webp',
    alt: 'Test alt 1',
  },
  {
    thumbnail: 'https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.webp',
    src: 'https://mdbcdn.b-cdn.net/img/Photos/Slides/2.webp',
    alt: 'Test alt 2',
  },
  {
    thumbnail: 'https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/3.webp',
    src: 'https://mdbcdn.b-cdn.net/img/Photos/Slides/3.webp',
    alt: 'Test alt 3',
  },
];

export default function Test_eComGalary() {
  return (
    <MDBEcommerceGallery imageSrc={basicPhotos} />
  )
}

result of this element in browser dev tool

<div class="ecommerce-gallery row">
    <div class="lightbox col-12 mb-1"></div>
</div>

Please check it out.