title: How to change interface strucure and rename all references in VS Code
body: <p>I have an interface</p>
  <pre><code>interface IApplicationState {
      config: IConfig;
      lang: ILang;
      //many others
  }
  </code></pre>
  <p>Currently is used in many places like in classes with <code>connect</code> from <code>react-redux</code>, or in reducers method like:</p>
  <pre><code>const setLangReducer = (state: IApplicationState , { lang }: { lang: LangType }): IApplicationState  =&gt; ({
      ...state,
      lang: {
          currentLang: lang
      }
  });
  </code></pre>
  <p>I want to add some fileds inside at the root level, and all existing move down as children for new property e.g.:</p>
  <pre><code>interface IApplicationState {
      generalConfigs: {
          config: IConfig;
          lang: ILang;
      };
      externalConfig: {
          domain: string;         
      }
  }
  </code></pre>
  <p>If I make change manually, I will must to fix all references for <code>config</code> and <code>lang</code> from root to <code>generalConfigs.config</code> and <code>generalConfigs.lang</code></p>
  <p>maybe is there some automatically options to change all references by changing interface structure?</p>