Disable SSR when iniatializing collaboration provider

jot-it · Mar 2, 2024 · 7af2717 · 7af2717
1 parent 31058ea
commit 7af2717
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 11 deletions.
diff --git a/apps/front-end/src/app/[notebookId]/layout.tsx b/apps/front-end/src/app/[notebookId]/layout.tsx
@@ -1,11 +1,12 @@
 import { getNotebookById } from "@/actions/document";
 import { getToken } from "@/actions/token";
 import { getSession } from "@/config/auth-options";
-import { StartCollaboration } from "@/lib/collaboration";
 import { notFound } from "next/navigation";
 import { PropsWithChildren } from "react";
 import Header from "../Header";
 import SideNavigation from "../SideNavigation";
+import { StartCollaboration } from "@/lib/collaboration";
+import NoSSR from "@/components/NoSSR";
 
 type LayoutProps = PropsWithChildren<{
   params: {
@@ -30,15 +31,17 @@ async function Layout({ children, params }: LayoutProps) {
       <div>
         <Header />
         {session?.user && (
-          <StartCollaboration
-            user={session.user}
-            notebookName={notebook.document.documentName}
-            initialToken={token}
-            onTokenRefresh={async () => {
-              "use server";
-              return getToken([]);
-            }}
-          />
+          <NoSSR>
+            <StartCollaboration
+              user={session.user}
+              notebookName={notebook.document.documentName}
+              initialToken={token}
+              onTokenRefresh={async () => {
+                "use server";
+                return getToken([]);
+              }}
+            />
+          </NoSSR>
         )}
         {children}
       </div>

diff --git a/apps/front-end/src/lib/collaboration.ts → apps/front-end/src/lib/collaboration.tsx b/apps/front-end/src/lib/collaboration.ts → apps/front-end/src/lib/collaboration.tsx
@@ -154,7 +154,6 @@ export function useAwareness() {
   const [awareness, setAwareness] = useState<AwarenessState[]>([]);
   useEffect(() => {
     const onAwarenessChange = ({ states }: { states: AwarenessState[] }) => {
-      console.log(states);
       setAwareness(states);
     };
     provider.on("awarenessUpdate", onAwarenessChange);