Fix build error: move ViewTransitions inside body to fix 404 prerendering
ViewTransitions was wrapping the html element, which violates Next.js App Router requirement that html and body be returned directly from root layout. This caused prerendering of /404 to fail with Html import error. Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -99,13 +99,13 @@ export default function RootLayout({
|
|||||||
children: React.ReactNode;
|
children: React.ReactNode;
|
||||||
}) {
|
}) {
|
||||||
return (
|
return (
|
||||||
<ViewTransitions>
|
<html lang="id" {...mantineHtmlProps}>
|
||||||
<html lang="id" {...mantineHtmlProps}>
|
<head>
|
||||||
<head>
|
<meta charSet="utf-8" />
|
||||||
<meta charSet="utf-8" />
|
<ColorSchemeScript defaultColorScheme="light" />
|
||||||
<ColorSchemeScript defaultColorScheme="light" />
|
</head>
|
||||||
</head>
|
<body>
|
||||||
<body>
|
<ViewTransitions>
|
||||||
<MusicProvider>
|
<MusicProvider>
|
||||||
<MantineProvider theme={theme} defaultColorScheme="light">
|
<MantineProvider theme={theme} defaultColorScheme="light">
|
||||||
{children}
|
{children}
|
||||||
@@ -117,8 +117,8 @@ export default function RootLayout({
|
|||||||
/>
|
/>
|
||||||
</MantineProvider>
|
</MantineProvider>
|
||||||
</MusicProvider>
|
</MusicProvider>
|
||||||
</body>
|
</ViewTransitions>
|
||||||
</html>
|
</body>
|
||||||
</ViewTransitions>
|
</html>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user