Hello, I am trying to add a custom server to my project for websocket support, but whenever I run the server using the custom server, I get the following error:

 â—‹ Compiling /page ...
 ⨯ ./src/styles/globals.css
HookWebpackError: __name is not defined
-- inner error --
ReferenceError: __name is not defined
Generated code for webpack/runtime/hot module replacement
1 | ... truncated, see https://derock.media/s31JDE.txt ...

Import trace for requested module:
./src/styles/globals.css

My custom server code:

// src/server/server.ts
import "dotenv/config";

import next from "next";
import { env } from "~/env.mjs";
import { createServer } from "http";
import logger from "./utils/logger";
import ws from "ws";
import { applyWSSHandler } from "@trpc/server/adapters/ws";
import { appRouter } from "./api/root";
import { createTRPCContext } from "./api/trpc";
import { incomingRequestToNextRequest } from "./utils/serverUtils";

async function startApp() {
  // initialize the next app
  const app = next({
    dev: env.NODE_ENV !== "production",
    hostname: env.HOSTNAME,
    port: env.PORT,
  });

  await app.prepare();

  // get the handles
  const getHandler = app.getRequestHandler();
  const upgradeHandler = app.getUpgradeHandler();

  // create the http server
  const server = createServer((req, res) => {
    getHandler(req, res).catch((error) => {
      logger.error(error);
      res.statusCode = 500;
      res.end("Internal Server Error");
    });
  });

  // create the websocket server
  const wss = new ws.Server({ noServer: true });
  const trpcHandler = applyWSSHandler({
    wss,
    router: appRouter,
    createContext: ({ req }) =>
      createTRPCContext({
        req: incomingRequestToNextRequest(req),
        resHeaders: new Headers(),
      }),
  });

  process.on("SIGTERM", () => {
    logger.warn("SIGTERM received, shutting down...");
    trpcHandler.broadcastReconnectNotification();
    server.close(() => {
      process.exit(0);
    });
  });

  // handle the upgrade
  server.on("upgrade", (req, socket, head) => {
    // send trpc requests to the trpc server
    if (req.url?.startsWith("/api/trpc")) {
      wss.handleUpgrade(req, socket, head, () => undefined);
    } else {
      void upgradeHandler(req, socket, head);
    }
  });

  // start the server
  server.listen(env.PORT, () => {
    logger.info(`Server listening on port ${env.PORT}`);
  });
}

void startApp();

I am executing with pnpm exec tsx watch src/server/server.ts --project tsconfig.server.json

// tsconfig.server.json
{
  "extends": "./tsconfig.json",
  "compilerOptions": {
    "module": "commonjs",
    "outDir": "dist",
    "target": "ES2019",
    "lib": ["ES2019", "DOM"],
    "isolatedModules": false,
    "noEmit": false
  },
  "include": ["next-env.d.ts", "src/**/*.ts", "src/**/*.tsx"]
}