Action creator with redux-thunk, redux-offline, and axios with typescript

actions.ts

import { ThunkAction } from 'redux-thunk';
import API from '../constants/apiEndpoints';
type ThunkResult<R> = ThunkAction<R, IinitialState, undefined, any>;

export function updateProduct(product: Iproduct): ThunkResult<void> {
  return (dispatch, getState) => {
    const originalProduct = getState().manageInventory.data.find(
      prod => prod.id === product.id
    );
    // find() potentially returns undefined.  Should never happen since we have to have a product in order to edit it.
    const rollbackProduct = !!originalProduct ? originalProduct : product; 
    const axiosRequest = {
      url: API.POST.inventory.updateproduct,
      method: 'post',
      data: product
    };
    dispatch({
      type: types.PRODUCT_UPDATE,
      product,
      meta: {
        offline: {
          effect: { axiosRequest, message: 'update product' },
          rollback: { type: types.PRODUCT_UPDATE, product: rollbackProduct }
        }
      }
    });
  };
}