Actually fix emotion cache bullshittery this time

regalijan · Oct 19, 2023 · f89ded9 · f89ded9
1 parent ef0915d
commit f89ded9
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 5 deletions.
diff --git a/app/createEmotionCache.ts b/app/createEmotionCache.ts
@@ -3,5 +3,10 @@ import createCache from "@emotion/cache";
 export const defaultCache = createEmotionCache();
 
 export default function createEmotionCache() {
-  return createCache.default({ key: "cha" });
+  // @ts-expect-error
+  // The browser throws when calling .default, but the server throws if we don't call .default
+  // Of course!
+  return typeof document === "undefined"
+    ? createCache.default({ key: "cha" })
+    : createCache({ key: "cha" });
 }
diff --git a/app/root.tsx b/app/root.tsx
@@ -158,8 +158,8 @@ function getMarkup(
               <meta name="dsn" content={loaderData.dsn} />
             ) : null}
             <meta name="theme-color" content="#00a8f8" />
-            {helmet.meta?.toString()}
-            {helmet.title?.toString() ?? <title>Car Crushers</title>}
+            {helmet?.meta?.toString()}
+            {helmet?.title?.toString() ?? <title>Car Crushers</title>}
           </head>
           <body>{body}</body>
         </html>

diff --git a/server.ts b/server.ts
@@ -1,6 +1,6 @@
 import { createPagesFunctionHandler } from "@remix-run/cloudflare-pages";
-// @ts-ignore
-import build from "@remix-run/dev/server-build.";
+// @ts-expect-error
+import * as build from "@remix-run/dev/server-build";
 
 const handleRequest = createPagesFunctionHandler({
   build,