title: react-redux useSelector() hook not working
body: <p>I am new to React Native Programming. So, please tell me in detail. thank you.</p>
  <p><a href="https://i.stack.imgur.com/6qgbu.png" rel="nofollow noreferrer">calling use Selector</a></p>
  <p>I am calling use Selector inside my functional component like this:</p>
  <pre><code>import { useDispatch, useSelector } from 'react-redux';
  const AddAddressScreen = ({ navigation }) =&gt; {
      const dispatch = useDispatch();
      const data = useSelector(state =&gt; state);
      console.log(data + &quot;happy Coding&quot;);
  
    return (
          &lt;View style={styles.container}&gt;
  &lt;View&gt;
  );
  }
  
  export default AddAddressScreen;
  </code></pre>
  <p>My reducer looks like this</p>
  <pre><code> case types.API_LOGIN_SUCCESS:
              if (action.result.result.mobile_verified === false) {
                  return {
                      ...state,
                      onLoad: false,
                      result: action.result,
                      status: action.status,
                      error: null,
                      navigation: action.navigation.navigate(&quot;VerifyMNO&quot;)
                  };
              } else {
                  return {
                      ...state,
                      onLoad: false,
                      result: action.result,
                      status: action.status,
                      error: null,
                      navigation: action.navigation.navigate(&quot;AddAddress&quot;)
                  };
              }
  
  </code></pre>
  <p>here my mobile number is verified so I move to the address screen.
  where I use Use Selector which gives me an error. while I remove above two lines my code runs successfully.</p>
  <p>My saga looks like this</p>
  <pre><code>export function* watchLoginUserInfo() {
      yield takeLatest(types.LOGIN_USER, loginApiSaga) 
  }
  </code></pre>
  <p>My root saga</p>
  <pre><code>import { all, fork } from 'redux-saga/effects';
  import { watchLoginUserInfo,  } from './authenticationSagas';
  function* rootSaga() {
      yield all([
          watchLoginUserInfo(),
      ])
  }
  export default rootSaga;
  </code></pre>
  <p>My Store looks like this</p>
  <pre><code>import {createStore, applyMiddleware} from 'redux';
  import rootReducer from '../redux/reducers/root-reducer.js'
  import createSagaMiddleware from 'redux-saga';
  import rootSaga from '../redux/sagas/rootSaga';
  
  const sagaMiddleware = createSagaMiddleware();
  const store = createStore(rootReducer, applyMiddleware(sagaMiddleware));
  sagaMiddleware.run(rootSaga);
  
  
  export {store};
  </code></pre>
  <p>when ever I use use Selector hook in my code it gives me the following error.
  <a href="https://i.stack.imgur.com/VlcT4.png" rel="nofollow noreferrer">error 1</a>
  <a href="https://i.stack.imgur.com/zFHdH.png" rel="nofollow noreferrer">error 2, 3, 4</a></p>