fix build

apps/connect/src/components/atoms/Bar.tsx

@@ -2,7 +2,7 @@ import styled from "@mui/material/styles/styled";
 
 export type BarProps = {
   background: string;
-  children: JSX.Element[] | null;
+  children: JSX.Element | JSX.Element[] | null;
 };
 
 const Container = styled("div")<Pick<BarProps, "background">>(

apps/connect/src/components/atoms/NewsBar.tsx

@@ -13,8 +13,10 @@ export default function NewsBar({ messages }: NewsBarProps) {
   return (
     message && (
       <Bar background={message.background}>
-        {message.content}
-        {message.button && <NewBarButton button={message.button} />}
+        <>
+          {message.content}
+          {message.button ? <NewBarButton button={message.button} /> : null}
+        </>
       </Bar>
     )
   );

apps/connect/src/components/atoms/NewsBarButton.tsx

@@ -26,14 +26,16 @@ const Link = styled(MuiLink)<{ backgroundColor: string }>(
 );
 export default function NewsBarButton({ button }: Pick<Message, "button">) {
   return (
-    <Link
-      href={button.href}
-      target="_blank"
-      rel="noopener noreferrer"
-      color="inherit"
-      backgroundColor={button.background}
-    >
-      {button.label || "TRY IT NOW"}
-    </Link>
+    button && (
+      <Link
+        href={button.href}
+        target="_blank"
+        rel="noopener noreferrer"
+        color="inherit"
+        backgroundColor={button.background}
+      >
+        {button.label || "TRY IT NOW"}
+      </Link>
+    )
   );
 }

apps/connect/src/hooks/useBannerMessage.ts

@@ -2,7 +2,7 @@ import { useState, useEffect } from "react";
 
 export type Message = {
   background: string;
-  button: {
+  button?: {
     href: string;
     label?: string;
     background: string;