title: Issue with useDispatch hook - React Native/Redux
body: <p>Couldn't find react native related help to the issue in previous posts. </p>
  
  <p>I'm getting this message : </p>
  
  <blockquote>
    <p>invalid hook call. hooks can only be called inside of the body of a function component </p>
  </blockquote>
  
  <p>My component is a functional component and all hooks (useState, useDispatch ) are called inside. 
  Anyone gets this?</p>
  
  <pre><code>      export default function  LoginScreen (props) {
        const [name, setName] = useState("");
        const [message, setMessage] = useState("");
  
  
        const nextScreen = () =&gt; {
          // const dispatch = useDispatch();
          // dispatch(SendMessage(name, message));
          props.navigation.navigate("Chat", { name: name });
          return null
        };
  
        return (
          &lt;View&gt;
            &lt;TextInput
              style={styles.input}
              placeholder="name..."
              onChangeText={userInput =&gt; {
                console.log(userInput);
                setName({ userInput });
              }}
              value={name}
            /&gt;
            &lt;TextInput
              style={styles.input}
              placeholder="message..."
              onChangeText={userInput =&gt; {
                console.log(userInput);
                setMessage({ userInput });
              }}
              value={message}
            /&gt;
            &lt;View style={{ alignItems: "flex-end", marginTop: 64 }}&gt;
              &lt;TouchableOpacity style={styles.nextScreen} onPress={nextScreen}&gt;
                &lt;Ionicons name="md-arrow-round-forward" size={24} color="#FFF" /&gt;
              &lt;/TouchableOpacity&gt;
            &lt;/View&gt;
          &lt;/View&gt;
        );
      };
  </code></pre>