Передача Json из представления Django в шаблон Javascript

Я пытаюсь передать json-ответ из представления в javascript. По какой-то причине я не могу получить доступ ни к одному ключу внутри javascript. Я могу получить доступ только ко всему объекту json, но ни к одному из вложенных ключей, присоединенных к нему.

Json (упрощенный для целей чтения):

{
"protected": [
    {
        "category": "nmtd",
        "name": "NMTD",
        "userId": 257
    }
]

}

views.py:

def index(request):
request_pr = requests.get('https://endpoint-address', cookies = request.COOKIES)
pr_colors = json.dumps(request_pr.json())    
context = {        
    'pr_colors': pr_colors
}    
return render(request, 'index.html', context)

Javascript:

<script type="text/javascript">                    
    var received_data = "{{ pr_colors }}"
    console.log(received_data)
</script>

Есть два разных вида проблем. Если я задаю JSON.parse("{{ praga_colors }}"), то получаю Uncaught SyntaxError: Unexpected token & in JSON at position 1

Если я просто пытаюсь получить доступ к элементу напрямую без JSON.parse(), я получаю все значения как undefined.

Если я пытаюсь получить доступ по позиции praga_colors[1], я получаю буквенную строку.

Какой правильный способ справиться с этим?

Вернуться на верх