GitHub Documentation

` then the `` // doesn't get the right CSS. // Normally, with Primer you make sure you set these things in the // `` tag and you can use `_document.tsx` for that but that's // only something you can do in server-side rendering. So, // we use a hook to assure that the `` tag has the correct // dataset attribute values. const body = document.querySelector('body') if (body) { // Note, this is the same as setting `` // But you can't do `body.dataset['color-mode']` so you use the // camelCase variant and you get the same effect. // Appears Next.js can't modify after server rendering: // https://stackoverflow.com/a/54774431 body.dataset.colorMode = theme.css.colorMode body.dataset.darkTheme = theme.css.darkTheme body.dataset.lightTheme = theme.css.lightTheme } }, [theme]) return ( <> GitHub Documentation {/* The value in these "/cb-xxxxx" prefixes aren't important. They just need to be present. They help the CDN cache the asset for infinity. Just remember, if you edit these images on disk, remember to change these numbers */} ) } MyApp.getInitialProps = async (appContext: AppContext) => { const { ctx } = appContext // calls page's `getInitialProps` and fills `appProps.pageProps` const appProps = await App.getInitialProps(appContext) const req: any = ctx.req // Have to define the type manually here because `req.context.languages` // comes from Node JS and is not type-aware. const languages: LanguagesContextT = req.context.languages return { ...appProps, languagesContext: { languages }, } } export default MyApp