fixing updating between server and client

nextjs/src/app/course/[courseName]/utils/useAuthoritativeUpdates.tsx

@@ -0,0 +1,37 @@
+"use client";
+import { useState, useMemo, useCallback } from "react";
+
+export function useAuthoritativeUpdates({
+  serverUpdatedAt,
+  startingText,
+}: {
+  serverUpdatedAt: number;
+  startingText: string;
+}) {
+  const [text, setText] = useState(startingText);
+  const [clientDataUpdatedAt, setClientDataUpdatedAt] =
+    useState(serverUpdatedAt);
+  const [updateMonacoKey, setUpdateMonacoKey] = useState(1);
+
+  const clientIsAuthoritative = useMemo(
+    () => serverUpdatedAt <= clientDataUpdatedAt,
+    [clientDataUpdatedAt, serverUpdatedAt]
+  );
+
+  console.log("client is authoritative", clientIsAuthoritative);
+  const textUpdate = useCallback((t: string, updateMonaco: boolean = false) => {
+    setText(t);
+    setClientDataUpdatedAt(Date.now());
+    if (updateMonaco) setUpdateMonacoKey((t) => t + 1);
+  }, []);
+
+  return useMemo(
+    () => ({
+      clientIsAuthoritative,
+      textUpdate,
+      text,
+      monacoKey: updateMonacoKey,
+    }),
+    [clientIsAuthoritative, text, textUpdate, updateMonacoKey]
+  );
+}