Код LayoutPortal сокоращён и дополнен

src/components/LayoutPortal.jsx

@@ -1,20 +1,13 @@
 import {Layout} from 'antd'
 import PageHeader from './PageHeader'
 
-const {Content} = Layout
+export const LayoutPortal = ({title, noSheet, ...props}) => (     
-
+  <Layout.Content>
-export default function LayoutPortal({title, noSheet, children}) {
-  const content = noSheet 
-    ? <Layout>{children}</Layout>
-    : <Layout>
-        <Content className="site-layout-background sheet">
-          {children}
-        </Content>
-      </Layout>
-
-  return (     
-      <Content>
     <PageHeader title={title}/>
-        {content}
+    <Layout>
-      </Content>)
+      {noSheet ? props.children : (
-}
+        <Layout.Content className={'site-layout-background sheet'} {...props}/>
+      )}
+    </Layout>
+  </Layout.Content>
+)

src/pages/Main.jsx

@@ -2,7 +2,7 @@ import { Redirect, Route, Switch } from "react-router-dom";
 import Deposit from "./Deposit";
 import Cluster from "./Cluster";
 import Well from "./Well";
-import LayoutPortal from "../components/LayoutPortal";
+import {LayoutPortal} from "../components/LayoutPortal";
 
 export default function Main() {
   return (