fix SSR build

gatsby-config.js

@@ -215,7 +215,7 @@ module.exports = {
     {
       resolve: 'gatsby-plugin-sitemap',
       options: {
-        exclude: ['/page/*', '/tags/**/*']
+        exclude: ['/page/*', '/tags/**/*', '/thanks/*']
       }
     },
     {

src/pages/thanks.tsx

@@ -3,7 +3,6 @@ import shortid from 'shortid'
 import Helmet from 'react-helmet'
 import { Author } from '../@types/Site'
 import { useSiteMetadata } from '../hooks/use-site-metadata'
-import Typekit from '../components/atoms/Typekit'
 import Qr from '../components/atoms/Qr'
 import Icon from '../components/atoms/Icon'
 import styles from './thanks.module.scss'
@@ -30,6 +29,7 @@ export default function Thanks() {
   const coins = Object.keys(author).filter(
     key => key === 'bitcoin' || key === 'ether'
   )
+  const isSSR = typeof window === 'undefined'
 
   return (
     <>
@@ -40,11 +40,10 @@ export default function Thanks() {
 
       <article className={styles.thanks}>
         <BackButton />
-
         <header>
           <h1 className={styles.title}>Say Thanks</h1>
         </header>
-
+        {!isSSR && (
           <Suspense fallback={<div className={styles.loading}>Loading...</div>}>
             <Web3Donation address={author.ether} />
 
@@ -63,6 +62,7 @@ export default function Thanks() {
               ))}
             </div>
           </Suspense>
+        )}
       </article>
     </>
   )

src/templates/Post/PostActions.tsx

@@ -1,4 +1,4 @@
-import React, { useState } from 'react'
+import React from 'react'
 import { useSiteMetadata } from '../../hooks/use-site-metadata'
 import styles from './PostActions.module.scss'
 import Icon from '../../components/atoms/Icon'