JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<button type="button" data-toggle="modal" data-target="#imageUpload">Launch modal</button>

<div class="modal fade" id="imageUpload" tabindex="-1">
    <div class="modal-dialog">
        <div class="modal-content">
		    Upload form here
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div>

JavaScript

$(function(){
    
    $('#imageUpload').on('hidden.bs.modal', function () {
        alert('hidden event fired!');
    });
    
     $('#imageUpload').on('shown.bs.modal', function () {
        alert('show event fired!');
    });
});