handling bigint errors

src/app/api/portfolio/route.ts

@@ -10,7 +10,7 @@ import { db } from "@/app/db/db";
 import { z } from "zod";
 
 const createPortfolioSchema = z.object({
-  userId: z.number(),
+  userId: z.bigint(),
   portfolioName: z.string(),
   budget: z.number().optional(),
   goal: z.enum(PortfolioGoal),
@@ -52,7 +52,11 @@ export async function POST(request: NextRequest) {
 
     const response = await db
       .insert(portfolioUsers)
-      .values({ userId: userId, portfolioId: newPortfolioId, role: role })
+      .values({
+        userId: userId,
+        portfolioId: newPortfolioId,
+        role: role,
+      })
       .returning();
 
     if (response.length !== 1) {

src/app/components/home/Card.tsx

@@ -16,7 +16,7 @@ const styles = {
 };
 
 interface CardProps {
-  id: number;
+  id: bigint;
   title: string;
   image: string;
   budget: number | null;

src/app/components/home/CardTiles.tsx

@@ -19,7 +19,7 @@ export default function CardTiles({
           const image_idx = index % 5;
           return (
             <Card
-              key={portfolio.id}
+              key={portfolio.id.toString()}
               id={portfolio.id}
               title={portfolio.name}
               image={`house-icon-${image_idx}.svg`}

src/app/components/home/ModalSubmit.tsx

@@ -10,7 +10,7 @@ import {
 import { useSession } from "next-auth/react";
 
 type CreatePortfolioArgs = {
-  userId: number;
+  userId: bigint;
   portfolioName: string;
   budget: number | undefined;
   goal: (typeof PortfolioGoal)[number];

src/app/db/schema/property.ts

@@ -196,7 +196,7 @@ export type Property = InferModel<typeof property, "select">;
 // This type is used for the getProperties function in src/app/portfolio/[slug]/utils.ts
 export interface PropertyWithTarget {
   status: string | null;
-  id: number;
+  id: bigint;
   portfolioId: number;
   creationStatus: string;
   address: string | null;

src/app/home/utils.ts

@@ -1,12 +1,10 @@
-import { portfolioUsers, PortfolioUsers } from "./../db/schema/portfolio";
+import { portfolioUsers } from "./../db/schema/portfolio";
 import { eq } from "drizzle-orm";
-import { user } from "@/app/db/schema/users";
 import { db } from "@/app/db/db";
-import { NextRequest, NextResponse } from "next/server";
 import { portfolio } from "@/app/db/schema/portfolio";
 import type { Portfolio } from "@/app/db/schema/portfolio";
 
-export async function getPortfolios(userId: number): Promise<Portfolio[]> {
+export async function getPortfolios(userId: bigint): Promise<Portfolio[]> {
   const userPortfolios = await db
     .select()
     .from(portfolio)

src/app/portfolio/[slug]/utils.ts

@@ -9,7 +9,7 @@ export async function getPortfolio(portfolioId: number): Promise<Portfolio> {
   const data = await db
     .select()
     .from(portfolio)
-    .where(eq(portfolio.id, portfolioId));
+    .where(eq(portfolio.id, BigInt(portfolioId)));
 
   if (data.length === 0) {
     throw new Error("Portfolio not found");

src/types/next-auth.d.ts

@@ -9,6 +9,6 @@ declare module "next-auth" {
     } & DefaultSession["user"];
   }
   interface User {
-    dbId: number;
+    dbId: bigint;
   }
 }