title: Map over nested array but return an array of the numbers in React
body: <p>Following on from this <a href="https://stackoverflow.com/questions/69227044/react-iterating-over-nested-array-gives-error-cannot-read-properties-of-null-re/69227330#69227330">question</a></p>
  <p>I would like to return the point?.value as an array of numbers, I have tried <code>let data = point?.value + 1</code></p>
  <p>So far my code is:</p>
  <p>Data structure:</p>
  <pre><code>export const testData = [
    {
      &quot;date&quot;: [
        &quot;2016-09-0912:00:00&quot;,
        &quot;2015-09-0913:10:00&quot;
      ],
      &quot;title&quot;: [
        {
          &quot;name&quot;: 'Name 1',
          &quot;description&quot;: [
            {
              &quot;value&quot;: 7898
            },
            {
              &quot;value&quot;: 7898
            }
          ]
        },
        {
          &quot;name&quot;: 'Name 2',
          &quot;description&quot;: [
            {
              &quot;value&quot;: 3244
            },
            {
              &quot;value&quot;: 4343
            }
          ]
        },
        {
          &quot;name&quot;: 'Name 3',
          &quot;description&quot;: [
            null,
            null
          ]
        }
      ]
    }
  ]
  </code></pre>
  <p>map function:</p>
  <pre><code> &lt;div style={{ color: 'white' }}&gt;
  Hello
  {testData.map(inner =&gt; {
    return (
      &lt;p style={{color: 'white'}}&gt;{inner.title.map(inside =&gt; {
        return (
        inside.description.map(point =&gt; {
          return (
            point?.value
          )
        })
        )
      })}&lt;/p&gt;
    )
  })}
  </code></pre>