fix: move link tags into head and add stylesheet precedence

Resolves hydration error from link elements as direct children of html, and adds precedence="default" to the highlight.js stylesheet link.
2026-03-03 18:16:40 -08:00
parent d9644d3a57
commit 93a6cf952d
1 changed files with 8 additions and 5 deletions
@@ -36,6 +36,14 @@ const RootLayout = ({
 }>): JSX.Element => {
  return (
    <html lang="en">
+      <head>
+        <link href="https://cdn.nhcarrigan.com/logo.png" rel="icon" sizes="any" />
+        <link
+          href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css"
+          precedence="default"
+          rel="stylesheet"
+        ></link>
+      </head>
      <Script
        async={true}
        defer={true}
@@ -43,11 +51,6 @@ const RootLayout = ({
        strategy={"afterInteractive"}
        type="text/javascript"
      ></Script>
-      <link href="https://cdn.nhcarrigan.com/logo.png" rel="icon" sizes="any" />
-      <link
-        href="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/11.11.1/styles/default.min.css"
-        rel="stylesheet"
-      ></link>
      <body>{children}</body>
    </html>
  );