Typescript: Omit a property from all interfaces in a union, but keep the union structure

by

You want to distribute the Omit across a union. Luckily, you can use distributive conditional types to achieve this:

type DistributiveOmit<T, K extends keyof any> = T extends any
  ? Omit<T, K>
  : never;

The T extends any construction looks like it doesn’t do much, but since T is a type parameter, it distributes the conditional type across any union constituents of T.

Let’s test it:

type CC = DistributiveOmit<C, "toRemove">;
// type CC = Pick<A, "key1" | "key2"> | Pick<B, "key1" | "key3">

You can verify that this is equivalent to the CC type you want.

Hope that helps; good luck!

Link to code

More Related Contents:

  1. Create a global variable in TypeScript
  2. Way to tell TypeScript compiler Array.prototype.filter removes certain types from an array?
  3. Difference between Variance, Covariance, Contravariance and Bivariance in TypeScript
  4. What does the “as const” mean in TypeScript and what is its use case?
  5. Angular2 – should private variables be accessible in the template?
  6. How to use fetch in TypeScript
  7. Typescript property does not exist on union type
  8. Typescript primitive types: any difference between the types “number” and “Number” (is TSC case-insensitive)?
  9. Specify method’s type without converting the method to property
  10. Default parameters with generics in TypeScript
  11. How to watch and reload ts-node when TypeScript files change
  12. Angular 2 View will not update after variable change in subscribe
  13. Can’t import CSS/SCSS modules. TypeScript says “Cannot Find Module”
  14. Changing Property Name in Typescript Mapped Type
  15. Type for “every possible string value except …”
  16. How to combine known interface properties with a custom index signature?
  17. Unable to import svg files in typescript
  18. tsc throws `TS2307: Cannot find module` for a local file
  19. Merge Two Interfaces
  20. NextJS getStaticProps() never called
  21. Integrating Material Design Lite with Angular2
  22. Setting default value for TypeScript object passed as argument
  23. how to remove properties via mapped type in TypeScript
  24. TypeScript sorting an array
  25. Angular 2 ngModel in child component updates parent component property
  26. How to extend the ‘Window’ typescript interface
  27. Getting the return type of a function which uses generics
  28. How to make “handler” lookup for “dispatcher” style function be typed correctly
  29. How to place a dynamic component in a container
  30. Modules vs. Namespaces: What is the correct way to organize a large typescript project?

Leave a Comment