import * as React from "react";
import { Navbar, AlertList, TransactionSummary } from "walletCommon";

interface LayoutProps {
}

const Layout: React.SFC<LayoutProps> = ({ ...rest }) => {
    return (
        <>
            <Navbar />
            <AlertList />
            <main role="main" className="container">
                {rest.children}
            </main>
            <TransactionSummary />
        </>
    );
};

export { Layout };

import * as React from "react";
import { Navbar, AlertList, TransactionSummary } from "walletCommon";

interface LayoutProps {
}

const Layout: React.SFC<LayoutProps> = ({ ...rest }) => {
    return (
        <div>
            <Navbar />
            <AlertList />
            <main role="main" className="container">
                {rest.children}
            </main>
            <TransactionSummary />
        </div>
    );
};

export { Layout };

--- 
+++ 
@@ -6,14 +6,14 @@
 
 const Layout: React.SFC<LayoutProps> = ({ ...rest }) => {
     return (
-        <div>
+        <>
             <Navbar />
             <AlertList />
             <main role="main" className="container">
                 {rest.children}
             </main>
             <TransactionSummary />
-        </div>
+        </>
     );
 };
 
Remove unnecessary div from Layout.
