title: TypeError: undefined is not an object (evaluating 'data.graphics.dvd')
body: <p>Im playing around with react-native and fetching some data from a API. All good. When im trying to display the data into my  then I can only display the first like data.artistName, but when im trying to access data.graphics.dvd I get the error &quot;TypeError: undefined is not an object (evaluating 'data.graphics.dvd')&quot;</p>
  <p>The graphics is a object.</p>
  <pre><code>const Videos = () =&gt; {
    const [isLoading, setLoading] = useState(true);
    const [data, setData] = useState([]);
  
    useEffect(() =&gt; {
      const fetchPost = async () =&gt; {
       fetch('https://myurl.com/api/title/5fac58f764e6710/')
        .then((response) =&gt; response.json())
        .then((json) =&gt; setData(json))
        .catch((error) =&gt; console.error(error))
        .finally(() =&gt; setLoading(false));
      }
      fetchPost();
      
    }, []);
  
      return (
    
   
      &lt;View style={styles.wrapper}&gt;
       
      &lt;Text style={styles.title}&gt;{data.artistName}{data.graphics.dvd}&lt;/Text&gt;
        
      &lt;/View&gt;
     )
    };
  </code></pre>