#ColorSchemeScript + next": "16.2.2

3 messages · Page 1 of 1 (latest)

soft hazel
#

I am doing exactly what is specified in the docs:

`export default async function RootLayout({
children,
}: {
children: ReactNode;
}) {
const session = await auth();

return (
    <html lang={APP_CONFIG.APP_LANGUAGE} suppressHydrationWarning>
        <head>
            <link rel="shortcut icon" href="/favicon-32x32.webp" />
            <meta
                name="viewport"
                content="minimum-scale=1, initial-scale=1, width=device-width, user-scalable=no"
            />
            <ColorSchemeScript />
        </head>
        <body className={plusJakartaSans.className}>
            <Providers session={session}>
                <Header />
                <Box py="lg" px="md" mih="60dvh">
                    {children}
                </Box>
                <Footer />
            </Providers>
        </body>
    </html>
);

}`
and yet, next yells at me that i cant put a script there:
Encountered a script tag while rendering React component. Scripts inside React components are never executed when rendering on the client. Consider using template tag instead (https://developer.mozilla.org/en-US/docs/Web/HTML/Element/template).

Am I doing something wrong?
"next": "^16.2.2",
"react": "^19.2.4",

patent plaza
soft hazel