JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/datatables/1.10.19/js/jquery.dataTables.min.js"></script>
    <table id="testTable">
        <thead>
            <tr>
                <th></th>
            </tr>
        </thead>
    </table>
    
    <button id='testButton'>
      Init Table
    </button>
    
Click init multiple times and watch console: Destroy get's called for each of the created tables (even though they were destroyed)

JavaScript

$('#testButton').click(function(){
  $('#testTable').DataTable({
    destroy:true
  })
});

$('#testTable').on( 'destroy.dt', function ( e, settings ) {
    console.log('destroy');
} );