-
|
I try twin.examples next13 + twin.macro + emotion import React from 'react'
import Document, { Html, Head, Main, NextScript } from 'next/document'
import { extractCritical } from '@emotion/server'
export default class MyDocument extends Document {
static async getInitialProps(ctx) {
const initialProps = await Document.getInitialProps(ctx)
const critical = extractCritical(initialProps.html)
initialProps.html = critical.html
initialProps.styles = (
<React.Fragment>
{initialProps.styles}
<style
data-emotion-css={critical.ids.join(' ')}
dangerouslySetInnerHTML={{ __html: critical.css }}
/>
</React.Fragment>
)
return initialProps
}
render() {
return (
<Html lang="en">
<Head>
<style
data-emotion-css={this.props.ids.join(' ')}
dangerouslySetInnerHTML={{ __html: this.props.css }}
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
)
}
}TypeError: Cannot read properties of undefined (reading 'join') |
Beta Was this translation helpful? Give feedback.
Answered by
gyull0210
Dec 29, 2022
Replies: 1 comment
-
|
I solved. just typing issue. |
Beta Was this translation helpful? Give feedback.
0 replies
Answer selected by
gyull0210
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
I solved. just typing issue.