JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://code.jquery.com/jquery-1.12.3.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/css/select2.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/select2/4.0.2/js/select2.min.js"></script>
<select id="s" multiple="multiple">
</select>

CSS

#s {
  width: 100%;
}

JavaScript

var data = [
  { id: 0, text: 'enhancement', selected: true},
  { id: 1, text: 'bug' },
  { id: 2, text: 'duplicate' },
  { id: 3, text: 'invalid' }, 
  { id: 4, text: 'wontfix', selected: true}
];

$('#s').select2({
  data: data
});