Error when using getServerSideProps | Next.js | Page 1

earnest nebula May 14, 2023, 7:59 AM

The function

import { getServerAuthSession } from "../server/auth";
import type { Session } from "next-auth";
import type { Role } from "@prisma/client";

type Callback = (data: { session: Session }) => void;

type RoleRedirects = {
  [key: string]: {
    [key: string]: string;
  };
};

const roleRedirects: RoleRedirects = {
  user: {
    // Only allow users to access their own page
    USER: "/dashboard/user/home",
  },
  admin: {
    // Allow admins to access both the admin and user pages
    USER: "/dashboard/user",
    ADMIN: "/dashboard/accounts-management",
  },
};

export async function roleGuard(
  ctx: GetServerSidePropsContext,
  cb: Callback,
  role: Role
) {
  try {
    const session = await getServerAuthSession(ctx);
    if (!session) {
      return {
        redirect: {
          destination: "/",
          permanent: false,
        },
      };
    }

    // Check if the user has the required role or is an admin
    const userRole = session.user?.role as Role;
    if (userRole !== role && userRole !== "admin") {
      // Redirect to the home page if the user doesn't have the required role
      return {
        redirect: {
          destination: "/",
          permanent: false,
        },
      };
    }

    // Determine the redirection destination based on the user's role
    const redirectDestination = roleRedirects[role]?.[userRole];
    if (redirectDestination) {
      // Redirect to the appropriate page if needed
      return {
        redirect: {
          destination: redirectDestination,
          permanent: false,
        },
      };
    }

    // Call the callback function with the session object
    return cb({ session });
  } catch (error) {
    // Redirect to the home page in case of errors
    return {
      redirect: {
        destination: "/",
        permanent: false,
      },
    };
  }
}

the page

import { LineCharts } from "@/components/home/charts/charts";
import PatientList from "@/components/home/lists/patient";
import { type ReactElement } from "react";

import Layout from "@/components/dashboard/Layout";
import { type PasienPlusPage } from "@/pages/_app";
import { RevenueStats } from "@/components/home/stats/revenue";
import { PatientStats } from "@/components/home/stats/patient";
import Head from "next/head";
import { GetServerSidePropsContext } from "next/types";
import { roleGuard } from "@/utils/roleGuard";


const Home: PasienPlusPage = () => {
    return (
        <>
            <Head>
                <title>Pasien Plus | Dashboard</title>
            </Head>
            <div className="">
                <div className="mb-8 grid grid-cols-1 gap-4 md:grid-cols-3">
                    <LineCharts />
                    <div className="col-span-2 grid grid-rows-1 gap-4 md:col-span-1 md:grid-rows-2">
                        <RevenueStats />
                        <PatientStats />
                    </div>
                </div>
            </div>

            <PatientList pageSize={10} isPaginated={false} isDetailed={false} />
        </>
    );
};

Home.getLayout = function getLayout(page: ReactElement) {
    return <Layout>{page}</Layout>;
};

Home.authRequired = true;

export async function getServerSideProps(ctx: GetServerSidePropsContext) {
    return roleGuard(ctx, (session) => ({
        props: {
            session,
        },
    }), "user")
}


export default Home;

so when i comment the gSSP the error is gone

any idea guys?

#Error when using getServerSideProps