Olá Erick, tudo bem?
Quanto à sua dúvida, sim, é necessário chamar o data-atributo dentro dos colchetes quando se utiliza o querySelector. Isso porque o data-atributo é uma forma de adicionar informações personalizadas a um elemento HTML, e para acessá-las via JavaScript é necessário utilizar essa sintaxe específica.
Por exemplo, se você tiver um elemento HTML com o atributo data-nome="Erick", para acessá-lo via JavaScript você precisaria utilizar o seguinte código:
const elemento = document.querySelector('[data-nome="Erick"]');
Dessa forma, o JavaScript irá buscar um elemento que tenha o atributo data-nome com o valor "Erick".
Espero ter ajudado a esclarecer sua dúvida! Se tiver mais alguma pergunta, é só perguntar.
Bons estudos!