Merge pull request #22 from FalkorDB/warning

Fix #21 Clean load time warnings
FalkorDB · Jan 21, 2024 · f458e4b · f458e4b
2 parents 5f713e7 + 1d42822
commit f458e4b
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 11 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,9 +1,6 @@
+import './globals.css'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
-import './globals.css'
-import Navbar from '@/components/custom/navbar'
-import { ResizableHandle, ResizablePanel, ResizablePanelGroup } from '@/components/ui/resizable'
-import NextAuth from 'next-auth'
 import { NextAuthProvider } from './providers'
 import { Toaster } from '@/components/ui/toaster'
 
@@ -19,8 +16,10 @@ export default function RootLayout({
 }: {
   children: React.ReactNode
 }) {
+  // Setting suppressHydrationWarning on html tag to prevent warning 
+  // caused by mismatched client/server content caused by next-themes
   return (
-    <html lang="en">
+    <html lang="en" suppressHydrationWarning>
       <body className={inter.className}>
           <NextAuthProvider>{children}</NextAuthProvider>
           <Toaster />

diff --git a/app/page.tsx b/app/page.tsx
@@ -2,19 +2,19 @@
 
 import { Button } from "@/components/ui/button";
 import { signIn, useSession } from "next-auth/react";
-import Link from "next/link";
 import { useRouter } from "next/navigation";
-import { useState } from "react";
-
+import { useEffect } from "react";
 
 export default function Home() {
   const { data: session, status } = useSession()
   const router = useRouter()
 
   // Check session if already signed in redirect to graph page
-  if (status === "authenticated") {
-    router.push("/graph")
-  }
+  useEffect(() => {
+    if (status === "authenticated") {
+      router.push("/graph")
+    }
+  }, [router, session, status]);
 
   return (
     <div className="flex flex-col items-center justify-center min-h-screen py-2">