fix(Text): fix custom html tag inheritance

gravity-ui · May 15, 2024 · 0f7b9d1 · 0f7b9d1
1 parent 33de0a0
commit 0f7b9d1
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/Text/Text.tsx b/src/components/Text/Text.tsx
@@ -7,14 +7,14 @@ import type {ColorTextBaseProps} from './colorText/colorText';
 import {text} from './text/text';
 import type {TextBaseProps} from './text/text';
 
-export interface TextProps
+export interface TextProps<C extends React.ElementType>
     extends Omit<TextBaseProps, 'ellipsisLines'>,
         ColorTextBaseProps,
         QAProps {
     /**
      * Ability to override default html tag
      */
-    as?: keyof JSX.IntrinsicElements;
+    as?: C;
     style?: React.CSSProperties;
     className?: string;
     id?: string;
@@ -25,9 +25,8 @@ export interface TextProps
 
 type TextRef<C extends React.ElementType> = React.ComponentPropsWithRef<C>['ref'];
 
-type TextPropsWithoutRef<C extends React.ElementType> = {
-    as?: C;
-} & Omit<TextProps, 'as'>;
+type TextPropsWithoutRef<C extends React.ElementType> = TextProps<C> &
+    Omit<React.ComponentPropsWithoutRef<C>, keyof TextProps<C>>;
 
 /**
  * A component for working with typography.