PrismaClient is unable to be run in the browser.

Bug description

Expected behavior

A user authentication page should be displayed.

Prisma information

schema.prisma

Environment & setup

• OS: windows 10 v1909

• Database: Heroku postgresql

• Node.js version: v 15.4.0

• Prisma version: 2.17.0

[ninest]

I’m not sure if anyone is still facing this issue, but I solved it by initializing prisma once and on the server only.

import { Prisma, PrismaClient } from "@prisma/client";

declare global {
  namespace NodeJS {
    interface Global {
      prisma: PrismaClient;
    }
  }
}

let prisma: PrismaClient;

if (typeof window === "undefined") {
  if (process.env.NODE_ENV === "production") {
    prisma = new PrismaClient();
  } else {
    if (!global.prisma) {
      global.prisma = new PrismaClient();
    }

    prisma = global.prisma;
  }
}

export default prisma;

Use if (typeof window === "undefined") { to run code on the server but not on the browser.

[younes-alouani]

There should be a PR for this !