Every route hit / page refresh is reloading all modules..

[koderyoda]

New to Remix. I have a couple of server side modules, ending with ".server.ts" . Both have a debug log like:
console.log('module loaded');
Turns out both are printing these logs every time I hit any route or refresh any page. This should happen only once when the server is re/started.
I am running npm run dev with Node 18 and Remix 1.5.1. Please advise.

[koderyoda]

Looks like I found why this is happening: Any values in the module scope will be "reset"
Not sure yet how I will workaround. Will doc here in case I figure something.

[koderyoda]

Found another reference that solves using global scope. From the jokes app section:

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

let db: PrismaClient;

declare global {
  var __db: PrismaClient | undefined;
}

// this is needed because in development we don't want to restart
// the server with every change, but we want to make sure we don't
// create a new connection to the DB with every change either.
if (process.env.NODE_ENV === "production") {
  db = new PrismaClient();
} else {
  if (!global.__db) {
    global.__db = new PrismaClient();
  }
  db = global.__db;
}

export { db };