fix(server): enable HMR

Co-Authored-By: Rafael Falk <[email protected]>

Author: chohner

app/expressApp.ts

@@ -1,5 +1,4 @@
-/* eslint-disable no-console */
-/* eslint-disable import/no-named-as-default-member */
+/* eslint-disable import/no-named-as-default-member, no-console */
 import { createRequestHandler } from "@remix-run/express";
 import type { ServerBuild } from "@remix-run/node";
 import * as Sentry from "@sentry/remix";
@@ -11,6 +10,7 @@ import { config } from "./services/env/env.server";
 import { createRateLimitRequestHandler } from "./services/rateLimit";
 import { createRedisClient, quitRedis } from "./services/redis/redisClient";
 
+// expressApp() itself is not hot reloaded
 export const expressApp = (
   build: ServerBuild,
   viteDevServer: ViteDevServer,

server.js

@@ -8,10 +8,14 @@ const viteDevServer = shouldStartDevServer
   : undefined;
 
 const build = viteDevServer
-  ? await viteDevServer.ssrLoadModule("virtual:remix/server-build")
+  ? () => viteDevServer.ssrLoadModule("virtual:remix/server-build")
   : await import("./build/server/index.js");
 
-const { app, cleanup } = build.entry.module.expressApp(build, viteDevServer);
+// When running a dev server, build() is a function to enable HMR
+// To access expressApp(), we need to execute it once
+const initialBuild = typeof build === "function" ? await build() : build;
+const { expressApp } = await initialBuild.entry.module;
+const { app, cleanup } = expressApp(build, viteDevServer);
 
 const port = process.env.PORT || 3000;
 const server = app.listen(port, () =>