Impossible d'accéder à variable en dehors du fetch

Bonjour à tous,

Je souhaite récupérer la variable "pagination" en dehors du fetch pour pouvoir lui appliquer un eventlistener, j'ai beau avoir transformé ça en async/await et avoir déclaré la variable en dehors du fetch, rien n'y fait... Que fais-je mal ?

//fonction filtre selon l'onglet actif choisi
let pagination;
export async function filtrerOnglets(url) {
  try {
    let response = await fetch(url, {
      method: "GET",
      cache: "no-cache",
      headers: {
        "X-Requested-With": "XMLHttpRequest",
        "Content-Type": "Application/json",
      },
    });
    let data = await response.json();
    tabContent.innerHTML = await data.content;
    pagination = document.querySelectorAll(".tabs__content span a");
    console.log(pagination);
  } catch (error) {
    alert("Erreur " + error);
  }
}

//filtrage si pagination
pagination.forEach((el) => {
  el.addEventListener("click", (e) => {
    e.preventDefault;
    const urlPagination = e.target.getAttribute("href");
    const url = urlPagination;
    console.log(url);
  });
});