Native navigation.

I want to "hi" data to Food Component from Main Component through navigation.

This is my code:

```
const Main = ({navigation}) => {

     dispatch({
          type: COOK_UP_REQUEST,
     })
     navigation.navigate('Food' ,{hi:"hi"});
},[]);     

const Food = ({navigation}) => {

   console.log(hi);

     return (

     );
};

```

How can I fix my code?