mirror of
https://github.com/discordjs/discord.js.git
synced 2026-03-14 10:33:30 +01:00
fix: properly render critical styles on the server
This commit is contained in:
@@ -1,9 +1,17 @@
|
|||||||
import { createGetInitialProps } from '@mantine/next';
|
import { createStylesServer, ServerStyles } from '@mantine/next';
|
||||||
import Document, { Html, Head, Main, NextScript } from 'next/document';
|
import Document, { Html, Head, Main, NextScript, DocumentContext, DocumentInitialProps } from 'next/document';
|
||||||
|
|
||||||
|
const stylesServer = createStylesServer();
|
||||||
|
|
||||||
const getInitialProps = createGetInitialProps();
|
|
||||||
export default class _Document extends Document {
|
export default class _Document extends Document {
|
||||||
public static override getInitialProps = getInitialProps;
|
public static override async getInitialProps(ctx: DocumentContext): Promise<DocumentInitialProps> {
|
||||||
|
const initialProps = await Document.getInitialProps(ctx);
|
||||||
|
|
||||||
|
return {
|
||||||
|
...initialProps,
|
||||||
|
styles: [initialProps.styles, <ServerStyles html={initialProps.html} server={stylesServer} key="styles" />],
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
public override render() {
|
public override render() {
|
||||||
return (
|
return (
|
||||||
|
|||||||
Reference in New Issue
Block a user