Параметры передачи Twig в JS как JSON

В настоящее время я работаю над мини-веб-проектом, это своего рода побег, и я использую фреймворк Symfony, и этот фреймворк для меня новый, поэтому в основном я изучаю, как использовать этот проект, который я заблокировал небольшая проблема, я не могу понять, как передать данные во внешний код JS, Я использую return $this->render("app/player_interface.html.twig",['player'=>$player]); в контроллере Symfony, чтобы отправить объект игрока в ветку, а затем в ветку я вставил этот блок

      {% set player_data = {
                pseudo: player.Username,
                longitude: player.longitude,
                latitude: player.latitude,

            } %}

    <div data-player='{{ player|json_encode|raw }}'>
    </div>

а затем в файле javascript используйте это:

const player_data =document.querySelectorAll('[data-player]');
const playerObject =Array.from(player_data).map(item => JSON.parse(item.dataset.player));
console.info(playerObject);

Но журнал консоли показывает мне пустой массив, и даже если я печатаю переменную player_data, которая должна быть файлом JSON, консоль показывает мне пустой узел, я просмотрел многие веб-сайты и документацию Symfony, но я не могу найти ни одного хороший подробный пример.

Я надеюсь, что вы могли бы мне помочь и спасибо заранее.