other.js

const { state, dispatch, actionTypes } = SavedState.useStateValue();

{ 
  AsyncCall.then((result) => {
      dispatch({ type: actionTypes.reset, payload: result });
    })
}

ReactState.js

import React, { createContext, useContext, useReducer } from "react";

export default (reducer, actionTypes, initialState = {}) => {
  const StateContext = createContext([{}, () => {}]);
  const StateProvider = ({ children }) => {
    const reduced = useReducer(
      (state, action) => reducer(state, action, actionTypes),
      initialState
    );
    return (
      <StateContext.Provider value={reduced}>{children}</StateContext.Provider>
    );
  };
  const useStateValue = () => {
    const [state, dispatch] = useContext(StateContext);
    return { state, dispatch, actionTypes };
  };
  return { useStateValue, StateProvider };
};

SavedState.js

export const SavedState = ReactState(
  (state, action, actionTypes) => {
    switch (action.type) {
      case actionTypes.reset:
        return {
          ...action.payload,
        };
      case actionTypes.update:
        return {
          ...state,
          ...action.payload,
        };
      default:
        return state;
    }
  },
  {
    reset: "reset",
    update: "update",
  }
);