Expected behavior When copying example for MdbLightbox into App.js the component should render

import React from 'react';
import { MDBLightbox, MDBLightboxItem, MDBRow, MDBCol } from 'mdb-react-ui-kit';

export default function App() {
  return (
    <MDBLightbox>
      <MDBRow>
        <MDBCol lg='4'>
          <MDBLightboxItem
            src='https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/1.jpg'
            fullscreenSrc='https://mdbcdn.b-cdn.net/img/Photos/Slides/1.jpg'
            className='w-100'
          />
        </MDBCol>
        <MDBCol lg='4'>
          <MDBLightboxItem
            src='https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/2.jpg'
            fullscreenSrc='https://mdbcdn.b-cdn.net/img/Photos/Slides/2.jpg'
            className='w-100'
          />
        </MDBCol>
        <MDBCol lg='4'>
          <MDBLightboxItem
            src='https://mdbcdn.b-cdn.net/img/Photos/Thumbnails/Slides/3.jpg'
            fullscreenSrc='https://mdbcdn.b-cdn.net/img/Photos/Slides/3.jpg'
            className='w-100'
          />
        </MDBCol>
      </MDBRow>
    </MDBLightbox>
  );
}

Actual behavior Failed to compile ./src/App.js Attempted import error: 'MDBLightbox' is not exported from 'mdb-react-ui-kit'.

Resources (screenshots, code snippets etc.)