title: Making .map inside .map
body: <pre><code>&lt;div className=&quot;monsterContent&quot;&gt;
          &lt;h1 className='monsterContent-title'&gt;Monstres &lt;span&gt;Monster Hunter&lt;/span&gt;&lt;/h1&gt;
          &lt;div&gt;
              { allMonsters.map(({name, locations}, index) =&gt; (
                  &lt;div className=&quot;cardMonster&quot; key={index}&gt;
                       &lt;h1&gt;{name}&lt;/h1&gt;
                  {locations.map((location, j) =&gt; &lt;p key={j}&gt; {location}&lt;/p&gt;)}
                  &lt;/div&gt;
              )
              )}
  
          &lt;/div&gt;
      &lt;/div &gt;
  </code></pre>
  <p>Hello, im trying to get a array in my array, typically get locations in my monstersArray but i have 2 errors <a href="https://i.stack.imgur.com/Eb29n.png" rel="nofollow noreferrer">Error here</a></p>
  <p>thanks you</p>
  <p>Ps: english isnt my native langage ^^'</p>