clean layout import

index.d.ts

@@ -2,6 +2,8 @@ declare module "*"
 
 import { IGatsbyImageData } from "gatsby-plugin-image"
 
+export function SEO(): JSX.Element
+
 interface LayoutProps {
     children: React.ReactNode
     UserMenu?: React.ReactNode

index.js

@@ -3,6 +3,7 @@
 // Layout components
 export { default as Layout } from "./src/layouts/layout"
 export { default as Content } from "./src/layouts/content"
+export { default as SEO } from "./src/layouts/seo"
 
 // Core components
 export { default as Button } from "./src/components/core/Button"

src/layouts/layout.tsx

@@ -4,10 +4,9 @@
 import React from "react"
 import Helmet from "react-helmet"
 import { useStaticQuery, graphql } from "gatsby"
-import SEO from "./seo"
-import Header from "../components/Header"
-import Footer from "../components/Footer"
-import { SideBar, Toc } from "@onegeo-suite/gatsby-theme-onegeo"
+
+import { SEO, Header, Footer } from "@onegeo-suite/gatsby-theme-onegeo"
+
 interface Props {
     children: React.ReactNode
     UserMenu?: React.ReactNode