apiGenerator.js

import { createSelector } from 'reselect';

export default createSelector(
    state => state.module.pieceOne,
    state => state.module.pieceTwo,
    state => state.moduleA.pieceOne,
    function api(pieceOne, pieceTwo, ApieceOne) {
      return ({
         fetchData: function() {
           return axios.get({
             url,
             payload: { pieceOne, pieceTwo }
           });
         },
        fetchHistoricalData: function(startDate) {
          return axios.get({
            url,
            payload: { pieceOne, ApieceOne, startDate }
          });
        }
    }
);

apiSaga.js

import { select, put } from 'redux-sagas/effects';
import { requestType, success } from './actions';
import apiGenerator from './apiGenerator';

function* fetchGlobalData({
payload: { startDate } }) {
  const api = yield select(apiGenerator);
  
  const response = yield api.fetchHistoricalData(startDate);
  
  yield put success(response);
}

return yield all([
  takeLatest(requestType, fetchGlobalData);
])

Component.jsx

import React from 'react';
import { connect } from 'react-redux';
import apiGenerator from './apiGenerator';

function ComponentAPI({
  api
}) {
  const [data, setData] = useState(null);
  const [loading, setLoading] = useState(true);
  useEffect(() => {
    api.fetchData().then(setData);
  }, []);
  
  return (loading ? 'Loading data...' : <DataComponent data={data} />);
}

export default connect(state => ({ api: apiGenerator(state) }))(ComponentAPI);