title: react native cant use render item
body: <p>hello im trying to buil a todo list using react native, but i have a problem with my render item function i´ve trying to use typescript and had a problem when i want to show the items on my screen. this is my code so far.</p>
  <p>this gets all task and do console log to check if the array exist (until here,it works)</p>
  <pre><code> useEffect(() =&gt; {
  traerTareas()
    if(tareas){
      tareas.forEach((item:any) =&gt; {
      console.log(item.titulo)
    });
  }
  </code></pre>
  <p>}, [])</p>
  <p>then use a renderItem function</p>
  <pre><code> const renderItem = ({tarea}:any)=&gt;{
    return(
    &lt;&gt;
      &lt;Text&gt;{tarea.titulo}&lt;/Text&gt;
      &lt;Text&gt;{tarea.tarea}&lt;/Text&gt;
    &lt;/&gt;)
  </code></pre>
  <p>}
  and finally use the Flatlist</p>
  <pre><code>return (
  &lt;View style={{flex:1}}&gt;
    {tareas &amp;&amp; 
    &lt;FlatList
      data={tareas}
      keyExtractor={(tarea)=&gt; tarea.id}
      renderItem={renderItem}
    /&gt;}
    
    &lt;Button
      title='traer tareas'
      onPress={traerTareas}
    /&gt;
    
    &lt;TouchableOpacity 
      style={style.boton}
      onPress={()=&gt; navigation.navigate('Agregar tarea')}
      &gt;
    &lt;Entypo  name=&quot;plus&quot; size={34} color=&quot;white&quot; /&gt;
    &lt;/TouchableOpacity&gt;
  &lt;/View&gt;
  </code></pre>
  <p>)
  }
  and this returns me Render error undefined is not an object(evaluating 'tarea.titulo')
  i want to know what im doing wrong. thanks for any advise</p>