Losing DataTable after any unicorn change

[Rip4568]

I have the import working normally in both jQuery and DataTable, but when inserting any value in the input that contains the unicorn:model="name" or click on a button that has unicorn:click="function_name" it loses the DataTable property, I already applied the import in the unicorn template but without results

[Rip4568]

attempt 1: I put the parameter unicorn:ignore in the table tag and although it keeps the DataTable it does not update after the data filter
attempt 2: use the call() method to call the javascript function that replaces the DataTables, but without success function reinitializeDataTables() {
console.log('reinitializeDataTables called on javascript')
$(document).ready(function(){
$('#table-taxas').DataTable();
$('#table-taxas-aprovadas').DataTable();
$('#table-taxas-nao-aprovadas').DataTable();
})
}

[Rip4568]

FIXED: Just add the unicorn:key in the table tag or in the parent that encompasses the table and after that add some javascript code to replace the DataTable

function reinitializeDataTables() {
$('#table-taxas').DataTable();
$('#table-taxas-aprovadas').DataTable();
$('#table-taxas-nao-aprovadas').DataTable();
}
window.addEventListener("DOMContentLoaded", (event) => {
Unicorn.addEventListener("updated", async (component) => {
reinitializeDataTables();
});
});
$(document).ready(function(){
reinitializeDataTables();
});