how do i add new property to existing interface and then export the new interface in Typescript?

Question

How do I create and export a new interface - UIInterface: (would like to combine SummaryInterface with few other new properties)

Example:

import { SummaryInterface } from 'x-api'; // summaryInterface has 20+ properties defined and is auto-generated from script

My attempt

export interface UIInterface {
    SummaryInterface &
     { displayStatus: string;
       flag: boolean }; 
}

Answer 1

By extending the other interface like so:

export interface UIInterface extends SummaryInterface {
  displayStatus: string;
  flag: boolean;
}

Answer 2

You can try below code:

By extending the parent class property

Explanation: Basically, your in below code, have both the properties of your parent and child interface.

export interface UIInterface extends SummaryInterface {
  displayStatus: string;
  flag: boolean;
}