import React from 'react'
import { ServerStyleSheet } from 'styled-components';
import Document, { Html, Head, Main, NextScript } from 'next/document'
export default class MyDocument extends Document {
// static getInitialProps({ renderPage }) {
// // Step 1: Create an instance of ServerStyleSheet
// const sheet = new ServerStyleSheet();
// // Step 2: Retrieve styles from components in the page
// const page = renderPage((App) => (props) =>
// sheet.collectStyles(),
// );
// // Step 3: Extract the styles as