title: How to combine multiple interfaces in typescript?
body: <p>I have several interfaces:</p>
  
  <pre><code>interface TabViewData {
      constTypeList: Object,
      materialList: Object,
      ownerList: Object | null,
      creativeList: Object | null,
      dataList: {}[]
  }
  
  export interface CitiesTabViewData extends TabViewData {
      cityList: : Object,
      dataByCity: Object
  }
  
  export interface MacroRegionsTabViewData extends TabViewData {
      macroRegionList:: Object
      dataByMacroRegion: Object,
  }
  
  export interface TotalTabViewData extends TabViewData {
      dataTotal: Object,
  }
  </code></pre>
  
  <p>How to create an interface that would combine them all (given that they may have the same properties)? I tried:</p>
  
  <pre><code>interface State extends Partial&lt;CitiesTabViewData, MacroRegionsTabViewData&gt; 
  {
  showModal: boolean
  }
  </code></pre>
  
  <p>but Partial takes only one argument(((</p>