🎨 refactor: update Prisma singleton pattern to avoid issues with hot reloading

Update the Prisma singleton pattern to use a factory function instead of directly referencing the global object. This change prevents potential issues with hot reloading in development environments by ensuring a new Prisma client instance is created when necessary. The updated code also leverages the globalThis object and conditionally assigns the Prisma client instance to avoid recreating it in production.

Author: mangledbottles

apps/web/app/utils.ts

@@ -8,12 +8,16 @@ type OpenGraphType = "article" | "website" | "book" | "profile" | "music.song" |
 
 
 // Singleton pattern for Prisma Client
-let prisma: PrismaClient;
-if (!global.prisma) {
-    global.prisma = new PrismaClient();
+const prismaClientSingleton = () => {
+    return new PrismaClient()
 }
-prisma = global.prisma;
-export { prisma };
+declare global {
+    var prismaGlobal: undefined | ReturnType<typeof prismaClientSingleton>
+}
+const prisma = globalThis.prismaGlobal ?? prismaClientSingleton()
+export { prisma }
+if (process.env.NODE_ENV !== 'production') globalThis.prismaGlobal = prisma
+
 
 import LoopsClient from "loops";
 import { ZodError, ZodIssue } from "zod";