Merge pull request #118 from FedericoLeiva12/fix/react-props-warnings

fix: props format with errors are shown in the console

apps/ligo-virgo/src/pages/workspace/docs/components/logo/Logo.tsx

@@ -9,8 +9,8 @@ export const Logo = ({ color, style, ...props }) => {
         >
             <rect width="52" height="52" rx="10" fill="#3E6FDB" />
             <path
-                fill-rule="evenodd"
-                clip-rule="evenodd"
+                fillRule="evenodd"
+                clipRule="evenodd"
                 d="M24.2189 11.4392L14.6321 38.7943H20.2472L26.3453 19.8747L32.4461 38.7943H38.0423L28.454 11.4392H24.2189Z"
                 fill="white"
             />

apps/ligo-virgo/src/pages/workspace/docs/components/tabs/Tabs.tsx

@@ -11,15 +11,15 @@ const StyledTabs = styled('div')({
     cursor: 'pointer',
 });
 
-const StyledDivider = styled(Divider)<{ isActive?: boolean }>(
-    ({ isActive }) => {
-        return {
-            flex: 1,
-            backgroundColor: isActive ? '#3E6FDB' : '#ECF1FB',
-            borderWidth: '2px',
-        };
-    }
-);
+const StyledDivider = styled(Divider, {
+    shouldForwardProp: (prop: string) => !['isActive'].includes(prop),
+})<{ isActive?: boolean }>(({ isActive }) => {
+    return {
+        flex: 1,
+        backgroundColor: isActive ? '#3E6FDB' : '#ECF1FB',
+        borderWidth: '2px',
+    };
+});
 
 const TAB_TITLE = {
     PAGES: 'pages',