From 4c8da80c198fb27a42d724161c1bfb72de55635f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Dafydd=20Ll=C5=B7r=20Pearson?= <DafyddLlyr@gmail.com>
Date: Thu, 26 Oct 2023 22:57:32 +0100
Subject: [PATCH] fix: React errors on content component

---
 editor.planx.uk/src/@planx/components/Content/Public.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/editor.planx.uk/src/@planx/components/Content/Public.tsx b/editor.planx.uk/src/@planx/components/Content/Public.tsx
index fd53d2112f..ef490d50ad 100644
--- 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