консоль пишет Error: Promised response from onMessage listener went out of scope как исправить ошибку?

const btn = document.querySelectorAll(".btn");

btn.forEach(btn => {
   btn.addEventListener("click", () => {
      if (content.classList.contains("content--hidden")) {
         btn.textContent = "Скрыть";
      } else {
         btn.textContent = "Показать ещё";
      }

   });

});
const content = document.querySelectorAll(".content");
content.forEach(content => {
   content.addEventListener("click", () => {
      if (btn.textContent = "Показать ещё") {
         content.classList.add("content--hidden");
      } else {
         content.classList.remove("content--hidden");
      }

   });

});

Этим кодом я пытался сделать что бы этот код

    const btn = document.querySelectorAll(".btn");
const content = document.querySelector(".content--visible");
btn.forEach(btn => {
   btn.addEventListener("click", () => {
      if (content.classList.contains("content--hidden")) {
         btn.textContent = "Скрыть";
      } else {
         btn.textContent = "Показать ещё";
      }
      content.classList.toggle("content--hidden");
   });
})  

работал для всех элементов с классами которые в нём описаны

ничего кроме ванильного js не использывал