Topic: Attempted import error: 'MDBLightbox' is not exported from 'mdb-react-ui-kit'.

jrsparl85 priority asked 1 year ago


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.)


jrsparl85 priority commented 1 year ago

Gallery and Lightbox are both not working with the same error.



Try deleting the node_modules folder, package-lock.json file, clean npm cache, and then install mdbreact again.



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Priority
  • Premium support: Yes
  • Technology: MDB React
  • MDB Version: MDB5 1.0.0-beta5
  • Device: Lenovo
  • Browser: Chrome
  • OS: Windows
  • Provided sample code: No
  • Provided link: No