balajee free commented 4 years ago

Thanks. Since i am using Pro version, I will wait for 30th September release.

Konrad Stępień staff commented 4 years ago

f there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.   Best Regards, Konrad

balajee free commented 4 years ago

i did the npm i (after removing the package lock file) and still the same issue... is the fix already available in git?

Konrad Stępień staff commented 4 years ago

Hi @balajee,

Yes, we did fix it.

Please also delete _node_modules_ folder and import import { MDBLightbox } from 'mdbreact';

something like this:

import React, { Component } from 'react';
import { MDBLightbox } from 'mdbreact';

class LightboxPage extends Component {
  state = {
    images: [
      { src: 'https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(96).jpg', alt: 'My Image 1'},
      { src: 'https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(93).jpg', alt: 'My Image 1'},
      { src: 'https://mdbootstrap.com/img/Photos/Horizontal/Nature/12-col/img%20(97).jpg', alt: 'My Image 1'},
    ]
  };

  render() {
    return <MDBLightbox md='4' images={this.state.images} />;
  }
}

export default LightboxPage;

Documentation page has the bug. You need to import MDBLightbox not MDBLightBox, again sorry for the problems.

Best regards, Konrad.

balajee free commented 4 years ago

i did and it doesn't work. Now i understood the reason. Its because of MDBLightbox

Konrad Stępień staff commented 4 years ago

The lightbox code has been corrected to work correctly. Hence this change.

If there is anything else I could do for you do not hesitate to ask me. I'll be happy to help you.   Best Regards, Konrad.