title: Trying to understand react native with getting local storay with AsyncStorage
body: <p>I'm not able to console log the saved storage value in a component.</p>
  
  <p>Here's the basic react native page:</p>
  
  <pre><code>import React from 'react';
  import { AsyncStorage, StyleSheet, Text, View } from 'react-native';
  
  const SavedExercise = (props) =&gt; {
  
    const getStoredExercises = async () =&gt; {
      const saved = await AsyncStorage.getItem('@storage_Key');
      return saved;
      // try {
      //   const saved = await AsyncStorage.getItem('@storage_Key');
      //   return saved;
      // } catch (e) {
      //   // saving error
      // }
    };
  
    return (
      &lt;View&gt;
        &lt;Text&gt;hello&lt;/Text&gt;
        {saved}
      &lt;/View&gt;
    );
  
  };
  
  const style = StyleSheet.create({
  
  });
  
  export default SavedExercise;
  </code></pre>
  
  <p>I tried a number of various things to try to console log (or output) the saved @storage_key value. This is supposed to an object but saved in a string, and ultimately will have to JSON.parse it. but I'm just trying to get it to log. Unfortunately with no luck.</p>
  
  <p>I keep getting erros like: </p>
  
  <p><code>Objects are not valid as a React child (found: object with keys {_40, _65, _55, _72}). If you meant to render a collection of children, use an array instead.</code></p>
  
  <p>or </p>
  
  <p><code>Warning: Functions are not valid as a React child. This may happen if you return a Component instead of &lt;Component /&gt; from render. Or maybe you meant to call this function rather than return it.%s,</code></p>
  
  <p>How do I properly get the object thats stored in <code>@storage_key</code>?</p>