not working pjax in my laravel project

[amirho3inh]

hello
i am using pjax in a laravel 8 project but it doesnt work. below i attached my code and a picture of my error.
pleease help me to solve this problem.
thanks

Kernel.php code:

protected $middleware = [
        // \App\Http\Middleware\TrustHosts::class,
        \App\Http\Middleware\TrustProxies::class,
        \Fruitcake\Cors\HandleCors::class,
        \App\Http\Middleware\PreventRequestsDuringMaintenance::class,
        \Illuminate\Foundation\Http\Middleware\ValidatePostSize::class,
        \App\Http\Middleware\TrimStrings::class,
        \Illuminate\Foundation\Http\Middleware\ConvertEmptyStringsToNull::class,
        \Spatie\Pjax\Middleware\FilterIfPjax::class,
    ];

link code:

<a data-pjax href="{{route('artists')}}" class="sidebar__nav-link">artists</a>

container code:

<!-- main content -->
<main class="main">
    <div class="container-fluid" id="mainContainerModule">
        @yield('content')
    </div>
</main>

js code:

document.addEventListener('DOMContentLoaded', function(){
        $(document).pjax('[data-pjax] a, a[data-pjax]', '#mainContainerModule');
    });