From d3c5abf8be1b108c0b6bd635237c710fc708d578 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Humberto=20Rodr=C3=ADguez=20A=2E?=
 <rhumbertgz@users.noreply.github.com>
Date: Fri, 27 Sep 2024 12:07:39 +0200
Subject: [PATCH] fix: warning when passing a boolean to border property of a
 Card (#3275)

By default MainCard wrappers like NodeCardWrapper and CardWrapper add a a solid border of 1px, but if the `MainCard.border` prop is used (`false`) the border prop was wrongly set to a boolean instead of string
---
 packages/ui/src/ui-component/cards/MainCard.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/src/ui-component/cards/MainCard.jsx b/packages/ui/src/ui-component/cards/MainCard.jsx
index 61bbf752e23..5d3ec235fd2 100644
--- a/packages/ui/src/ui-component/cards/MainCard.jsx
+++ b/packages/ui/src/ui-component/cards/MainCard.jsx
@@ -30,10 +30,11 @@ const MainCard = forwardRef(function MainCard(
     },
     ref
 ) {
+    const otherProps = { ...others, border: others.border === false ? undefined : others.border }
     return (
         <Card
             ref={ref}
-            {...others}
+            {...otherProps}
             sx={{
                 background: 'transparent',
                 ':hover': {