React Router V7 Prisma Support (Exports is not defined)

[woeful carbon]

can someone assist me please?
in my schema i have the following

  output       = "../generated/prisma"
  provider     = "prisma-client-js"
  engineType   = "binary"
  engine       = "binary"
  module       = "esm"
  runtime      = "nodejs"
}

and i have a db.server.ts file for my react-router v7 app the code as folllowed

import { PrismaClient } from "generated/prisma"; // match your generator output

declare global {
  var prisma: PrismaClient | undefined;
}

// Prevent multiple instances in dev (hot reload)
export const prisma =
  global.prisma ||
  new PrismaClient({
    log: ["query","error","info","warn"], // optional, useful for debugging
  });

if (process.env.NODE_ENV !== "production") global.prisma = prisma;

but im receiving the error below and cant seem to fix it any help would be greatly appreciated

    at eval (C:/Users/dgrav/Documents/bcs-main/generated/prisma/index.js:8:23)
    at ESModulesEvaluator.runInlinedModule (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/module-runner.js:913:161)
    at SSRCompatModuleRunner.directRequest (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/module-runner.js:1146:80)
    at SSRCompatModuleRunner.directRequest (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/chunks/config.js:15768:22)
    at SSRCompatModuleRunner.cachedRequest (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/module-runner.js:1053:73)
    at eval (C:/Users/dgrav/Documents/bcs-main/app/utils/db.server.ts:4:31)
    at ESModulesEvaluator.runInlinedModule (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/module-runner.js:913:3)
    at SSRCompatModuleRunner.directRequest (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/module-runner.js:1146:59)
    at SSRCompatModuleRunner.directRequest (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/chunks/config.js:15768:22)
    at SSRCompatModuleRunner.cachedRequest (file:///C:/Users/dgrav/Documents/bcs-main/node_modules/vite/dist/node/module-runner.js:1053:73)```

[rustic crown]

You opted for speed from this bot. Let's conjure up an answer right now!

[rustic crown]

The error exports is not defined typically occurs when the generated Prisma Client is used in an ESM (ECMAScript Module) environment, but the generated code is still CommonJS, or vice versa. This is a common issue when using Vite, React Router v7, and custom Prisma Client output paths.

Key points and solutions from the knowledge sources:

1. Output Location:
   When using Vite (and similar ESM-based tools), generating the Prisma Client into a custom directory (like ../generated/prisma) can cause module resolution issues. Multiple users have resolved this by generating the client into a directory inside node_modules, such as ../node_modules/@custom-prisma/client, and then importing from that package name instead of a relative path. This works because Vite and other bundlers treat node_modules differently and expect packages there to be properly formatted for ESM or CJS as needed.
   Example:

   generator client {
     provider = "prisma-client-js"
     output   = "../node_modules/@custom-prisma/client"
   }
   

   Then import:

   import { PrismaClient } from "@custom-prisma/client";
   

   See discussion and solution

2. Module Format:
   The module = "esm" option in your generator config is not standard for Prisma and may not be recognized. Instead, Prisma v7+ uses provider = "prisma-client" for ESM support, but this is still evolving and may have compatibility issues with some bundlers. If you use provider = "prisma-client-js", ensure your environment matches the expected module system.

3. Vite and SSR:
   Vite SSR environments are especially sensitive to module format mismatches. Generating the client into node_modules and importing as a package is the most reliable workaround.

Summary of what to do:

• Change your generator output to a directory inside node_modules (e.g., ../node_modules/@custom-prisma/client).
• Update your import to use the new pack

[rustic crown]

age name.

• Remove non-standard generator options like module and engine.

Example generator:

generator client {
  provider = "prisma-client-js"
  output   = "../node_modules/@custom-prisma/client"
}

Example import:

import { PrismaClient } from "@custom-prisma/client";

This should resolve the exports is not defined error with Vite and React Router v7 setups source.