JSFiddle - React, Tailwind, and code Playground

HTML

<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>
<table id="table">
<tr class="tr_clone">
    <td>
        <div class="input select">
            <select required="required" class="items" name="data[Invoice][item_id][]" tabindex="-1">
                <option value=""></option>
                <option value="1">item 1</option>
                <option value="2">Item 2</option>
                <option value="3">Item 1+2</option>
                <option value="4">Set 1</option>
                <option value="5">NURSERY Books</option>
            </select>
        </div>
    <td>
        <input type="button" class="tr_clone_add" value="Add" name="add">
    </td>
    <td class="remove">X</td>
</tr>
</table>

JavaScript

$('.items').select2();
$("table").on('click','.tr_clone_add' ,function() {
   $('.items').select2("destroy");        
   var $tr = $(this).closest('.tr_clone');
   var $clone = $tr.clone();
   $tr.after($clone);
   $('.items').select2();
   $clone.find('.items').select2('val', '');
});