🐛 Fix vercel/next.js#12984 using a hacky workaround

jenewland1999 · Apr 22, 2021 · 4d8309d · 4d8309d
1 parent e31892b
commit 4d8309d
Showing 1 changed file with 15 additions and 7 deletions.
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -29,13 +29,21 @@ class MyDocument extends Document {
             as="style"
             href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap"
           />
-          <link
-            rel="stylesheet"
-            href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap"
-            media="print"
-            // @ts-ignore
-            onLoad="this.media='all'"
-          />
+          {/* https://github.com/vercel/next.js/issues/12984 ¯\_(ツ)_/¯ */}
+          <style
+            dangerouslySetInnerHTML={{
+              __html: `
+                </style>
+                  <link
+                    rel="stylesheet"
+                    href="https://fonts.googleapis.com/css2?family=Montserrat:wght@700&family=Source+Sans+Pro:ital,wght@0,400;0,600;0,700;1,400&display=swap"
+                    media="print"
+                    onload="this.media = 'all';"
+                  />
+                <style>
+              `,
+            }}
+          ></style>
           <noscript>
             <link
               rel="stylesheet"