Fix build issues

Author: archessmn

app/(authenticated)/user/me/UserPreferences.tsx

@@ -42,7 +42,8 @@ function PrefWrapper<K extends keyof ReqPrefs>(
     renderField: (_: {
       value: ReqPrefs[K];
       disabled: boolean;
-      onChange: (nv: ReqPrefs[K]) => unknown;
+      // onChange: (nv: ReqPrefs[K]) => unknown;
+      onChange: (nv: string) => unknown;
     }) => ReactNode;
   },
 ) {
@@ -54,9 +55,10 @@ function PrefWrapper<K extends keyof ReqPrefs>(
   return props.renderField({
     value: optimistic,
     disabled: isPending,
-    onChange: (nv) => {
-      setOptimistic(nv);
+    onChange: (str_nv) => {
+      const nv = str_nv as unknown as ReqPrefs[K];
       startTransition(async () => {
+        setOptimistic(nv);
         await changePreference(props.field, nv);
         notifications.show({
           message: "Preferences saved!",

components/UserMenu.tsx

@@ -4,6 +4,7 @@ import Image from "next/image";
 import {
   Box,
   Center,
+  MantineColorScheme,
   Menu,
   SegmentedControl,
   useMantineColorScheme,
@@ -34,7 +35,9 @@ export function UserMenu({ userAvatar }: { userAvatar: string }) {
         <Menu.Label>Theme</Menu.Label>
         <SegmentedControl
           value={colorScheme}
-          onChange={setColorScheme}
+          onChange={(str) =>
+            setColorScheme(str as unknown as MantineColorScheme)
+          }
           className="min-w-full"
           data={[
             {