JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://sachinchoolur.github.io/lightGallery/light-gallery/js/lightGallery.js"></script>
<link rel="stylesheet" href="http://sachinchoolur.github.io/lightGallery/light-gallery/css/lightGallery.css">
<div class="demo">
    <ul id="lightGallery">
        <li class="portfolio_li" data-src="http://adoah.github.io/assets/img/alb1/running.jpg">
            <img src="http://adoah.github.io/assets/img/alb1/thumbs/running.jpg" />
        </li>
        <li class="portfolio_li" data-src="http://adoah.github.io/assets/img/alb1/rush.jpg">
            <img src="http://adoah.github.io/assets/img/alb1/thumbs/rush.jpg" />
        </li>
        <br />
        <li class="portfolio_li" data-src="adoah.github.io/assets/img/alb1/trash.jpg">
            <img src="http://adoah.github.io/assets/img/alb1/thumbs/trash.jpg" />
        </li>
    </ul>
</div>

CSS

.demo {
    width:450px;
}
ul {
    list-style: none outside none;
    padding-left: 0;
}
li {
    display: block;
    float: left;
    height: 100px;
    margin-bottom: 6px;
    margin-right: 6px;
    width: 100px;
}

JavaScript

$('#lightGallery').lightGallery({
    selector: '.portfolio_li'
})