i18n side effect solution

add_action.ts

export const changingLanguageAction =
  (language:'en'|'zh'): ThunkAction<
    void,
    LanguageState,
    unknown,
    LanguageActionTypes
  > =>
  async (dispatch,getState) => { 
    i18n.changeLanguage(language);
    dispatch(changeLanguageAction(language));
  };

i18n_solution_by_middleware.ts

import { Middleware } from "redux";
import i18n from "../../i18n/configs";
import { CHANGE_LANGUAGE } from "../language/languageActions";

export const actionTranslation: Middleware =
  (storeAPI: any) => (next: any) => (action: any) => {
    console.log('action translation')
    if(action.type===CHANGE_LANGUAGE){
      i18n.changeLanguage(action.payload)
    }
    return next(action);
  };