title: React-native Navigation Add Hamburger Icon
body: <p>Im tring to add Hamburger icon to open Drawer on react-native.but im getting this error</p>
  
  <p>Objects are not valid as a React child (found: object with keys {left}). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons.</p>
  
  <pre><code>Check the render method of `View`.
  </code></pre>
  
  <p>This is routes.js</p>
  
  <pre><code>import { StackNavigator, TabNavigator, DrawerNavigator } from 'react-navigation';
  
  const DrawerIcon = ({ navigate }) =&gt; {
  
  return(
          &lt;Icon
              name = "md-menu"
              size = {38}
              color = "black"
              style = {{paddingLeft : 20}}
              onPress = {() =&gt; navigate('DrawerOpen')}
  /&gt;
  
      );
  };
  
  export const Stack1 = StackNavigator({
      Screen1: {
          screen: screen1,
          navigationOptions: {
              header: ( props ) =&gt; ({
                  left: &lt;DrawerIcon { ...props } /&gt;
              }),
          }
      },
      Screen2: {
          screen: screen2,
      },
      Screen3: {
          screen: screen3,
      },
  
  
  
  })
  
  export const Drawer = DrawerNavigator({
      Home:{
          screen: Stack1,
          navigationOption: {
              brawerLabel: 'Home',
  
          }
      },
      Camera:{
          screen: Stack2,
           navigationOption: {
              brawerLabel: 'Camera',
  
          }
      },
      Info:{
          screen: Stack3,
           navigationOption: {
              brawerLabel: 'Info',
          }
      }
  })
  </code></pre>
  
  <p>How can i solve this error.Thanks.</p>