React-Modal-Image отображает нецентральное изображение при нажатии

Question

Я импортировал в свой проект библиотеку react-modal-image, чтобы просматривать изображения в модальном окне при нажатии. Однако при щелчке по изображению оно оказывается не по центру, а большая часть изображения находится за пределами экрана, и я не знаю, что его вызывает. Вот пример моего изображения до щелчка:

And here it is afterwards:

Below is the code where I use the npm package:

        
          
            {item.postedBy.name}
          
          {item.postedBy._id == state._id && (
             deletePost(item._id)}
            >
              delete
            
          )}
        
          

Answer 1

Я исправил. Он был просто заключен в div, в котором его не должно было быть. Ух.

<ModalImage
          className="card-image"
          small={item.photo}
          medium={item.photo}
          alt={item.title}
        />