I have an interface
interface IApplicationState {
config: IConfig;
lang: ILang;
//many others
}
Currently is used in many places like in classes with connect from react-redux, or in reducers method like:
const setLangReducer = (state: IApplicationState , { lang }: { lang: LangType }): IApplicationState => ({
...state,
lang: {
currentLang: lang
}
});
I want to add some fileds inside at the root level, and all existing move down as children for new property e.g.:
interface IApplicationState {
generalConfigs: {
config: IConfig;
lang: ILang;
};
externalConfig: {
domain: string;
}
}
If I make change manually, I will must to fix all references for config and lang from root to generalConfigs.config and generalConfigs.lang
maybe is there some automatically options to change all references by changing interface structure?
if you want to change all of the names you need to press ctrl and then 3 times R