How describe generic that can get different interfaces depends on situation?

Question

I have situation when my component can get data in 1 case from IDesigner interface in another from IDeveloper interface. So can I describe by type in this case?

I try this way but it's doesn't work

    interface ISummaryProps<T> {
      data: T;
    }
    
   interface IDesignerForm {
     name: string
   }

   interface IDeveloperForm {
    name: string,
    age: number
   }
   
    export const SummaryStep = <T extends IDesignerForm & IDeveloperForm>({
      data,
    }: ISummaryProps<T>): JSX.Element => {
     ...some jsx
    }