Session provider

src/app/(main)/layout.tsx

@@ -24,7 +24,7 @@ export default async function MainLayout({
     redirect("/login");
   }
 
-  console.log(session?.user);
+  // console.log(session?.user);
 
   // Verify if the session is valid
   if (session) {

src/components/PoSearch/PoSearch.tsx

@@ -11,6 +11,7 @@ import { Button, Grid, Tab, Tabs, TabsProps, Typography } from "@mui/material";
 import QrModal from "../PoDetail/QrModal";
 import { WarehouseResult } from "@/app/api/warehouse";
 import NotificationIcon from '@mui/icons-material/NotificationImportant';
+import { useSession } from "next-auth/react";
 
 type Props = {
   po: PoResult[];
@@ -32,6 +33,10 @@ const PoSearch: React.FC<Props> = ({ po, warehouse }) => {
     return searchCriteria;
   }, [t, po]);
 
+  const {data: session} = useSession();
+
+  console.log(session);
+
   const onDetailClick = useCallback(
     (po: PoResult) => {
       router.push(`/po/edit?id=${po.id}`);

src/components/SessionProviderWrapper/SessionProviderWrapper.tsx

@@ -0,0 +1,8 @@
+"use client";
+
+import { SessionProvider } from "next-auth/react";
+import { ReactNode } from "react";
+
+export default function SessionProviderWrapper({ children, session }: { children: ReactNode, session?: any }) {
+  return <SessionProvider session={session}>{children}</SessionProvider>;
+}

src/config/authConfig.ts

@@ -56,7 +56,6 @@ export const authOptions: AuthOptions = {
         refreshToken: token.refreshToken as string | undefined,
         abilities: token.abilities as string[]
       };
-      console.log(sessionWithToken);
       return sessionWithToken;
     },
   },