async-flow.jsx

import { setRequestStatus, Status } from 'componentversions/organizer/modules/ui-helpers';
import {useSelector, useDispatch} from 'react-redux';


const Screen = () => {
  const diapatch = useDispatch();
  const {asyncStatuses} = useSelector((state) => ({dialogs: state.uiHelpers.asyncStatuses}));


  return <div>
    <button onClick={() => diapatch(requestLoadData())}>Load data</button>
    
    {asyncStatuses.loadMyCustomData.status === Status.Pending && <span>Loading data...</span>}
    {asyncStatuses.loadMyCustomData.status === Status.Done && <span>Data loadad</span>}
   </div>;
}

function requestLoadData(dispatch) {
  dispatch(setRequestStatus('loadMyCustomData', Status.Pending))
  
  setTimeout(() => {
 
    dispatch(setRequestStatus('loadMyCustomData', Status.Done))
  
  }, 3000)

}