statically render profile pages (#615)

lib/hooks/useTheme.tsx

@@ -1,15 +1,19 @@
+import { Maybe } from "@trpc/server";
 import { useEffect, useState } from "react";
 
 // makes sure the ui doesn't flash
-export default function useTheme(theme?: string) {
+export default function useTheme(theme?: Maybe<string>) {
   const [isReady, setIsReady] = useState(false);
   useEffect(() => {
+    setIsReady(true);
+    if (!theme) {
+      return;
+    }
     if (!theme && window.matchMedia("(prefers-color-scheme: dark)").matches) {
       document.documentElement.classList.add("dark");
     } else {
       document.documentElement.classList.add(theme);
     }
-    setIsReady(true);
   }, []);
 
   return {

lib/trpc.ts

@@ -26,3 +26,6 @@ export type inferQueryInput<TRouteKey extends keyof AppRouter["_def"]["queries"]
 export type inferMutationInput<TRouteKey extends keyof AppRouter["_def"]["mutations"]> = inferProcedureInput<
   AppRouter["_def"]["mutations"][TRouteKey]
 >;
+
+export type inferMutationOutput<TRouteKey extends keyof AppRouter["_def"]["mutations"]> =
+  inferProcedureOutput<AppRouter["_def"]["mutations"][TRouteKey]>;