Build strongly typed polymorphic components with React and TypeScript - Part 7

polymorphic-components-react-7.tsx

/**
 * قبل از تغییر
*/
type Props <C extends React.ElementType> = React.PropsWithChildren<ButtonProps<C>> & React.ComponentPropsWithoutRef<C>;

/**
 * بعد از تغییر
*/
type Props <C extends React.ElementType> = 
React.PropsWithChildren<ButtonProps<C>> &   
Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonProps<C>>;
  
/**
 * `Keyof` و `Omit` کاری که انجام دادیم درواقع این بود که با استفاده از
 * پراپرتی‌هایی که با موارد تعیین شده توسط ما تداخل یا هم‌پوشانی دارند را حذف می‌کنیم
 * به صورت زیر:
 * Omit<React.ComponentPropsWithoutRef<C>, keyof ButtonProps<C>>;
*/