fix Box ts spread props issue (#20107)

MetaMask · Jul 20, 2023 · 26d7520 · 26d7520
1 parent 733391a
commit 26d7520
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/ui/components/component-library/text/text.tsx b/ui/components/component-library/text/text.tsx
@@ -8,7 +8,7 @@ import {
 
 import { Box } from '..';
 
-import type { PolymorphicRef } from '../box';
+import type { PolymorphicRef, BoxProps } from '../box';
 
 import { TextProps, TextComponent } from './text.types';
 
@@ -63,14 +63,15 @@ export const Text: TextComponent = React.forwardRef(
         [`mm-text--overflow-wrap-${overflowWrap}`]: Boolean(overflowWrap),
       },
     );
+
     return (
       <Box
         className={classnames(computedClassName)}
         as={tag}
         dir={textDirection}
         ref={ref}
         color={TextColor.textDefault}
-        {...props} // TODO: Need to fix Box types to allow for spreading props
+        {...(props as BoxProps<C>)}
       >
         {children}
       </Box>