title: I am trying to display my fetched data but got error 'map' of undefined
body: <p>I am trying to display some data from a fetched api but I get an error saying TypeError: Cannot read property 'map' of undefined. Any ideas on how to solve it?</p>
  <pre><code>import React from 'react';
  import axios from 'axios';
  const { useState, useEffect } = React;
  
  const URL = 'http://newsapi.org/v2/everything?q=tesla&amp;from=2021-01-24&amp;sortBy=publishedAt&amp;apiKey=1306a4a63e0448ea86560c7eb7bd9df4';
  
  const App = () =&gt; {
      const [users, setUsers] = useState([]);
      
      useEffect(() =&gt; {
          
          const todo = async () =&gt; {
              const { data } = await axios.get(`${URL}`)
              
              setUsers(data.artcles)
              console.log(data.articles)
                         
          }        
         todo();
       
      }, []);
       
      const renderedUsers = users.map((user) =&gt; {
          return (
              &lt;li&gt;
                  {user.title}
              &lt;/li&gt;
          );
      });
      
      return (        
          &lt;ul&gt;
              {renderedUsers}
          &lt;/ul&gt;      
      );
  }
  
  export default App;
  </code></pre>