DynamicComponentWithNoSSR attempt 042922 pages/

index.tsx

import Header from '../components/Header';
import Footer from '../components/Footer';
import dynamic from 'next/dynamic'

const DynamicComponentWithNoSSR = dynamic(
  () => import('../components/Middle'),
  { ssr: false }
)

export default function Home() {
  return (
    <>
      <main className='d-flex flex-column min-vh-100'>
        <Header />
          <br></br>
          <br></br>
        <DynamicComponentWithNoSSR />
      </main>
      <footer>
        <Footer />
      </footer>
    </>
  );
}