import dynamic from 'next/dynamic'
import Head from 'next/head'

const Test = dynamic({
  loader: async () => {
    // component
    return () => {
      return <div className='dynamic-style'>
        <Head>
          <style dangerouslySetInnerHTML={{ __html: `
            .dynamic-style {
              background-color: green;
              height: 200px;
            }
          `}} />
        </Head>
        test
      </div>
    }
  },
  ssr: false
})

export default Test
