avoid sideeffects during the meeting

Author: yujonglee

apps/desktop/src/config/use-config.ts

@@ -1,4 +1,6 @@
 import { useEffect } from "react";
+
+import { useListener } from "../contexts/listener";
 import * as main from "../store/tinybase/main";
 import { CONFIG_REGISTRY, type ConfigKey } from "./registry";
 
@@ -40,6 +42,7 @@ export function useConfigValues<K extends ConfigKey>(keys: readonly K[]): { [P i
 }
 
 export function useConfigSideEffects(keys?: ConfigKey[]) {
+  const active = useListener((state) => state.status === "running_active");
   const configsToWatch = keys ?? (Object.keys(CONFIG_REGISTRY) as ConfigKey[]);
 
   const allValues = main.UI.useValues(main.STORE_ID);
@@ -59,12 +62,17 @@ export function useConfigSideEffects(keys?: ConfigKey[]) {
   };
 
   useEffect(() => {
+    // TODO: hack to avoid restarting server while in meeting.
+    if (active) {
+      return;
+    }
+
     for (const key of configsToWatch) {
       const definition = CONFIG_REGISTRY[key];
       if (definition && "sideEffect" in definition && definition.sideEffect) {
         const value = getConfig(key);
         (definition.sideEffect as any)(value, getConfig);
       }
     }
-  }, [allValues]);
+  }, [allValues, active]);
 }

apps/desktop/src/routes/app.tsx

@@ -13,11 +13,16 @@ export const Route = createFileRoute("/app")({
 function Component() {
   const { listenerStore } = Route.useLoaderData();
 
-  useConfigSideEffects();
-
   return (
     <ListenerProvider store={listenerStore}>
       <Outlet />
+      <SideEffects />
     </ListenerProvider>
   );
 }
+
+function SideEffects() {
+  useConfigSideEffects();
+
+  return null;
+}