Calling an ActionCreator from another file is proving to be a challenge...
The products.ts file contains the ActionCreators and Reducers for Products...
import { setStock } from './Store.ts';
//....
export const addProduct = (product: IProduct) => async (
dispatch: Dispatch,
getState: () => IState,
{ auth }: IServices
) => {
dispatch(fetchStart());
const response = await Axios.post('/api/products', product)
const productInfo = response.data as IDataProduct
// # Needing to call SetStock()
// # [Try 1] Attempting to Call
setStock(productInfo)
// # [Try 2] Attempting to Call
// return (dispatch2: any) => {
// dispatch2(
//setStock(producto._id)
// )
// }
dispatch(fetchSucess(productInfo))
};
I tried using try 2 as per an example I saw, but it didn't work. The first try didn't produce desired results either.
The stores.ts file contains the following...
export const setStock = (product: any) => async (
dispatch: Dispatch,
getState: () => any,
{ auth, db }: IServices
) => {
console.log('INIT SETSTOCKACTIONCREATOR....')
dispatch(fetchStart());
try {
const ref = db.collection("stores").doc(storeId);
await ref.update({ [product._id]: product.newStock });
dispatch(updateSucess({ _id: storeId, stock: product.newStock, productId: product.productId }));
} catch (error) {
dispatch(fetchError(error));
}
};
Encountering an issue when trying to do Dispatch(setStock(productInfo)), with TypeScript throwing an error message:
Argument of type '(dispatch: Dispatch, getState: () => any, { auth, db }: IServices) => Promise' is not assignable to parameter of type 'AnyAction'.
Property 'type' is missing in type '(dispatch: Dispatch, getState: () => any, { auth, db }: IServices) => Promise' but required in type 'AnyAction'