javascript – Problema al capturar checkBox

estoy queriendo aplicar un evento en el momento que el checkbox cambia. Si hago un forEach de mi variable me trae el Array de mis input tipo checkbox, pero cuando quiero aplicar la addEventListener(‘change’) esto no hace nada.

Adjunto codigo

Vista

<div class="col-md-12">
        <table class="table table-hover table-sm">
            <thead class="thead-dark">
                <tr>
                    <th scope="col" class="text-center">F. Carga</th>
                    <th scope="col">Cliente</th>
                    <th scope="col">$ Valor</th>
                    <th scope="col">Usuario</th>
                    <th scope="col" class="text-center">Estado</th>
                </tr>
            </thead>
            <tbody>
                @foreach($comprobantes as $comprobant)
                <tr>
                    <td class="text-center"><span>{{$comprobant->created_at}}</span></td>
                    <td>{{$comprobant->cliente->name}}</td>
                    <td class="text-success">$ {{ moneyPesos($comprobant->price) }}</td>
                    <td>{{$comprobant->user->name}}</td>
                    <td class="text-center">
                        <div class="form-check d-flex justify-content-center">
                            <input class="form-check-input check" type="checkbox" id="{{$comprobant->id}}" {{$comprobant->status==1?'checked':''}}>
                        </div>
                    </td>
                </tr>
                @endforeach
            </tbody>
        </table>
        <div class="col-md-auto">
            {{ $comprobantes->links() }}
        </div>
    </div>

Codigo JS

const checks = document.querySelectorAll("input(type='checkbox').check");
checks.forEach((check, i)   =>  {
    check.addEventListener('change',()  =>  {
        console.log(check,i);
    })
});

En la consola no aparece nada

introducir la descripción de la imagen aquí