fix: React errors on content component (#2350)

theopensystemslab · Oct 27, 2023 · f064283 · f064283
1 parent 3d0366f
commit f064283
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/editor.planx.uk/src/@planx/components/Content/Public.tsx b/editor.planx.uk/src/@planx/components/Content/Public.tsx
@@ -12,7 +12,7 @@ export type Props = PublicProps<Content>;
 
 const Content = styled(Box, {
   shouldForwardProp: (prop) => prop !== "color",
-})<Props>(({ theme, color }) => ({
+})<{ color?: string }>(({ theme, color }) => ({
   padding: theme.spacing(2),
   backgroundColor: color,
   color:
@@ -28,7 +28,7 @@ const Content = styled(Box, {
 const ContentComponent: React.FC<Props> = (props) => {
   return (
     <Card handleSubmit={props.handleSubmit} isValid>
-      <Content {...props} data-testid="content">
+      <Content color={props.color} data-testid="content">
         <ReactMarkdownOrHtml
           source={props.content}
           openLinksOnNewTab