How to implement Bootstrap DataTable in Livewire?

Hi guys, I'm done in my modal CRUD. I want to use Bootstrap DataTable in projects since it's complete from pagination, search and sorting so I download the bootstrap data table and include in my resources.. I merge the css/js in webpack.mix.

When I tried to use it in app.blade.ph

$(document).ready(function() {
       $('#contactTable').DataTable();
 } );

I got this error

run_customtabs
contact:449 Uncaught TypeError: $(...).DataTable is not a function
    at HTMLDocument.<anonymous> (contact:449)
    at i (main.js:2)
    at Object.fireWith [as resolveWith] (main.js:2)
    at Function.ready (main.js:2)
    at HTMLDocument.J (main.js:2)