Displaying associative array data in twig Using drupal 8.7.x 

I have an associative array that is returned to twig. However I can't seem to get the data displayed. 

Associative array: 

array_push($mealsArray, ["meal" =&gt;
  [
    ['strMeal' =&gt; $mealTitle],
    ['strMealThumb' =&gt; $mealImage],
    ['mealUrl' =&gt; $mealTitleUrl]
  ]
]);


Return to twig: 

return [
  '#theme' =&gt; 'recipe_search_block',
  '#meals' =&gt; $meals,
  '#ingredientList' =&gt; $ingredients,
  'form' =&gt; $form,
];


In twig I'm trying to display them like this:

   &lt;div class="u-row u-margin-top"&gt;
    {% for meal in meals %}
      {% for fields in meal %}
        &lt;div class="u-col-md-3 u-col-xs-6"&gt;
          &lt;div class="m-recipe"&gt;
            &lt;a class="m-recipe__link"href="/recipes/{{ fields["mealUrl"] }}"&gt;&lt;/a&gt;
            &lt;header class="m-recipe__header u-margin-bottom"&gt;
              &lt;h3&gt;{{ fields["strMeal"] }}&lt;/h3&gt;
            &lt;/header&gt;
            &lt;div class="m-recipe__image"&gt;
              &lt;img src="{{ fields["strMealThumb"] }}" alt="{{ fields["strMeal"] }}"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
      {% endfor %}
    {% endfor %}
  &lt;/div&gt;


When I debug with kint this is the output I get 


Any help would be appreciated, thanks in advance!
Sollution: 

Associative array: 

array_push($mealsArray, ["meal" =&gt;
  [
    'strMeal' =&gt; $mealTitle,
    'strMealThumb' =&gt; $mealImage,
    'mealUrl' =&gt; $mealTitleUrl
  ]
]);


Twig: 

{% for meal in meals %}
      {% for fields in meal %}
        &lt;div class="u-col-md-3 u-col-xs-6"&gt;
          &lt;div class="m-recipe"&gt;
            &lt;a class="m-recipe__link" href="/recipes/{{ fields.mealUrl }}"&gt;&lt;/a&gt;
            &lt;header class="m-recipe__header u-margin-bottom"&gt;
              &lt;h3&gt;{{ fields.strMeal }}&lt;/h3&gt;
            &lt;/header&gt;
            &lt;div class="m-recipe__image"&gt;
              &lt;img src="{{ fields.strMealThumb }}" alt="{{ fields.strMeal }}"&gt;
            &lt;/div&gt;
          &lt;/div&gt;
        &lt;/div&gt;
        {% endfor %}
    {% endfor %}


The return statement remains unchanged.