Filtrage ajax dans projet symfony

Bonjour,

je rencontre un soucis dans mon dernier projet symfony. Je dois créer un filtrage dynamique des données sur une page de vente de voitures d'occasion.

J'essaie d'utiliser ajax mais je ne parvient pas a obtenir le rendu souhaité, je me retrouve toujours avec ce message d'erreur :

TypeError: Cannot read properties of undefined (reading 'content')

Je parviens a récuperer l'url des données modifier et quand je dump mon résultat j'ai bien les données filtrées, mais impossible de les afficher.

Voila mon code :

scripts-cars.js

//   traitement ajax des données
const FiltersForm = document.querySelector("#filters");

//   on crée une boucle sur les input
document.querySelectorAll("#filters input").forEach((input) => {
  input.addEventListener("change", () => {
    // on intercepte les clics
    // on recupere les données du formulaire
    const form = new FormData(FiltersForm);

    //   on fabrique la queryString
    const Params = new URLSearchParams();

    form.forEach((value, key) => {
      Params.append(key, value);
    });

    //   on recupere l'url active
    const url = new URL(window.location.href);

    //   on lance la requete ajax
    fetch(url.pathname + "?" + Params.toString() + "&ajax=1", {
      headers: {
        "X-Requested-With": "XMLHttpRequest",
      },
    })
      .then((response) => {
        response.json();
      })
      .then((data) => {
        // on recupere la zone a modifier
        const content = document.querySelector("#cars-content");
        //   on remplace
        content.innerHTML = data.content;
      })
      .catch((e) => alert(e));
  });
});