From 26d7520a84bd81a8ef1b9c4eee348fbedc8127f5 Mon Sep 17 00:00:00 2001
From: Garrett Bear <gwhisten@gmail.com>
Date: Thu, 20 Jul 2023 15:06:28 -0700
Subject: [PATCH] fix Box ts spread props issue (#20107)

---
 ui/components/component-library/text/text.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/ui/components/component-library/text/text.tsx b/ui/components/component-library/text/text.tsx
index 25d763433e45..a680560ce317 100644
--- 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,6 +63,7 @@ export const Text: TextComponent = React.forwardRef(
         [`mm-text--overflow-wrap-${overflowWrap}`]: Boolean(overflowWrap),
       },
     );
+
     return (
       <Box
         className={classnames(computedClassName)}
@@ -70,7 +71,7 @@ export const Text: TextComponent = React.forwardRef(
         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>