import Layout from "@/components/layouts/Layout"; import { useCollapsed } from "@/components/Context/CollapsedContext"; import Head from "next/head"; import { getServerSession } from "next-auth/next"; import { authOptions } from "@/pages/api/auth/[...nextauth]"; import UserTable from "@/components/ui/users/UserTable"; import ProtectedRoute from "@/ProtectedRoute"; import { useState } from "react"; interface Props { breadcrumbs: { title: string; path: string; }[]; session: any; } function Index(props: Props) { // Remove below line const [activeTabName, setActiveTabName] = useState("all"); const { isCollapsed } = useCollapsed(); return ( Our Users - Draydex
); } export async function getServerSideProps(context: any) { const session = await getServerSession(context.req, context.res, authOptions); return { props: { breadcrumbs: [ { title: "Dashboard", path: "/dashboard", }, { title: "Users", path: "/users", }, ], session: session, }, }; } export default ProtectedRoute(Index as any);