JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://raw.github.com/jackmoore/colorbox/master/jquery.colorbox-min.js"></script>
<a href="#bap1" class="popup-thumb">Show</a>
     <div style="display: none;">
          <div class="popup" id="bap1">
            <p>Hello World</p>
            
          </div>
        </div>

JavaScript

$(document).ready(function(){        
        $(".popup-thumb").colorbox({inline:true, width:"50%"});       
      });