Hola, estoy tratando de convertir este jquery a tsx y tengo algunos problemas.

 $(".nav__trigger").on("click", function (e) { e.preventDefault(); $(this).parent().toggleClass("nav--active"); });

mi enfoque inicial

 const button = document.querySelector(".nav__trigger"); console.log(button); button?.addEventListener("click", function (this: any, e: any) { console.log("clicked"); e.preventDefault(); document.querySelector(this).parent().classList.toggle(".nav--active"); });

 Uncaught DOMException: Failed to execute 'querySelector' on 'Document': 'http://localhost:3000/#' is not a valid selector. at HTMLAnchorElement

Además, no estoy seguro de si el enfoque que estoy tomando es correcto o no.