Passing data between Nunjucks components

[rawriddims]

The /component.njk retrieves the {{ item.url }} from each article.

I want to pass the {{ item.url }}, retrieved by /component.njk, to /index.njk.

This approach injects the {{ item.url }} variable from /component.njk directly into the href attribute of the tag within /index.njk. However, this variable doesn't exist in the context of /index.njk.

How can I solve this?

{# /promo.njk #}


{% if postListItems.length %}

   {% for item in postListItems %}

      {% if item.data.category === category %} 

div>
{{ item.data.cta }}
</div>

      {% endif %}

   {% endfor %}

{% endif %}

{# /index.njk #}

    <a href="{{ item.url }}" class="">    
    <div class="promo promo__even">
        {% set postListItems = collections.sounds.slice(0, 1) %}
        {% set category = "sounds" %}  
        {% include "partials/components/promo.njk" %}   
    </div>
    </a>

[rawriddims]

    {% set postListItems = collections.sounds.slice(0, 1) %}
    {% set category = "sounds" %}
    {% set itemUrl = postListItems[0].url %}
    <a href="{{ itemUrl }}" class="promo__link">
    <div class="promo promo__even">
        {% set "itemUrl" = itemUrl %}
        {% include "partials/components/promo.njk" %}
    </div>
    </a>