title: Return value from saga to react component
body: <p>I am new at ReactJS. Still wrapping my head around all the layers with redux-store and sagas and etc.
  I am trying to return a simple boolean value from a saga (which at this point the saga is returning correctly) to a react component.</p>
  
  <p>Here is what I have:</p>
  
  <p>On the container component I have this:</p>
  
  <pre><code>export interface IKpaPickerConnectedDispatch {
      lookupListDialogToggle?: (dialogProps: ILookupListDialog) =&gt; void;
      requestSaveProfileFieldItem?: (profieFieldItem: IProfileFieldItem) =&gt; void;
      // setKpiPercentageShow?: (value: boolean) =&gt; void;
      updateKpaKpiProfilePercentage?: (toggle: boolean, jobId: number) =&gt; void;
      getKpaKpiProfilePercentageToggle?: (jobId: number) =&gt; void;
  }
  
  function mapStateToProps(state: IGlobalApplicationState, ownProps: IKpaPickerProps): IKpaPickerConnectedState {
      return {
          kpiPercentageShow: actions.requestKpaKpiToggle(state.jobProfileState.jobProfile!.id)
      };
  }
  </code></pre>
  
  <p>On the saga side I have this:</p>
  
  <pre><code>function* requestKpaKpiToggle(action: IKpaKpiToggleReceive)
  {
      try {
          const  jobId = action.payload!;
          const REQUEST_URL = `${REMPROFILE_API_URL}/KpaKpi/GetKpaKpiJobProfilePercentageToggle/${jobId}`;
          const response = yield fetch(REQUEST_URL, secureHeader('GET'));
          const json = yield response.json();
          // new method to return value and update state
          yield put(requestKpaKpiToggleReceived(json));
      }
      catch (e) {
          yield put(logError(e));
      }
  }
  </code></pre>
  
  <p>I get the following error and don't quite understand why :-(
  Type 'Action' is not assignable to type 'boolean'.</p>
  
  <p>Any help would be appreciated.</p>
  
  <p><strong>UPDATE</strong></p>
  
  <p>Ok after input I have manage to get 1 step closer but not there yet.</p>
  
  <p>I added this in the reducer for state management</p>
  
  <pre><code>case ActionKeys.KPA_KPI_TOGGLE_RECEIVE: {
      global.console.log('KPA_KPI_TOGGLE_RECEIVE', action.payload);
      return state.set('isKpiPercentageShown', action.payload)
                  .set('kpiPercentageReceived', true) as JobProfileState;
  }
  </code></pre>
  
  <p>Problem now is it doesn't update</p>
  
  <pre><code>componentDidMount()
  {
      if(this.props.getKpaKpiProfilePercentageToggle &amp;&amp; !this.state.kpiPercentageReceived)
          this.props.getKpaKpiProfilePercentageToggle(this.props.jobId);
  }
  </code></pre>