mirror of
https://github.com/vercel/next.js.git
synced 2026-09-20 02:25:18 +08:00
Steven
4466ba436b
## Description This PR ensures that the default prettier config is used for examples and templates. This config is compatible with `prettier@3` as well (upgrading prettier is bigger change that can be a future PR). ## Changes - Updated `.prettierrc.json` in root with `"trailingComma": "es5"` (will be needed upgrading to prettier@3) - Added `examples/.prettierrc.json` with default config (this will change every example) - Added `packages/create-next-app/templates/.prettierrc.json` with default config (this will change every template) ## Related - Fixes #54402 - Closes #54409
38 lines
1.0 KiB
JavaScript
38 lines
1.0 KiB
JavaScript
import { Children } from "react";
|
|
import Document, { Html, Head, Main, NextScript } from "next/document";
|
|
import { AppRegistry } from "react-native";
|
|
import config from "../app.json";
|
|
// Force Next-generated DOM elements to fill their parent's height
|
|
const normalizeNextElements = `
|
|
#__next {
|
|
display: flex;
|
|
flex-direction: column;
|
|
height: 100%;
|
|
}
|
|
`;
|
|
|
|
export default class MyDocument extends Document {
|
|
static async getInitialProps({ renderPage }) {
|
|
AppRegistry.registerComponent(config.name, () => Main);
|
|
const { getStyleElement } = AppRegistry.getApplication(config.name);
|
|
const page = await renderPage();
|
|
const styles = [
|
|
<style dangerouslySetInnerHTML={{ __html: normalizeNextElements }} />,
|
|
getStyleElement(),
|
|
];
|
|
return { ...page, styles: Children.toArray(styles) };
|
|
}
|
|
|
|
render() {
|
|
return (
|
|
<Html style={{ height: "100%" }}>
|
|
<Head />
|
|
<body style={{ height: "100%", overflow: "hidden" }}>
|
|
<Main />
|
|
<NextScript />
|
|
</body>
|
|
</Html>
|
|
);
|
|
}
|
|
}
|