@lit-labs/ssr Remix No matching export in "node-modules-polyfills:module" for import "createRequire"

[drmartin1998]

I'm trying to get some basic sample with SSR and lit working. I've worked through a few issues and now I'm stumped on the following error:

✘ [ERROR] No matching export in "node-modules-polyfills:module" for import "createRequire"

    node_modules/@lit-labs/ssr/lib/util/parse5-utils.js:6:9:
      6 │ import { createRequire } from 'module';

Here's my index.tsx in my Remix app:

import {render} from '@lit-labs/ssr/lib/render-with-global-dom-shim.js';
import {html} from 'lit';

const name = 'Aragorn';
const element = html`
  <h1>Hello, ${name}</h1>
  <div>How are you?</div>`;

  const res = render(element);

export default function Index() {

  return (
    <div style={{ fontFamily: "system-ui, sans-serif", lineHeight: "1.4" }}>
      <h1>Welcome to Remix</h1>
      <ul>
        <li>
          <a
            target="_blank"
            href="https://remix.run/tutorials/blog"
            rel="noreferrer"
          >
            15m Quickstart Blog Tutorial
          </a>
        </li>
        <li>
          <a
            target="_blank"
            href="https://remix.run/tutorials/jokes"
            rel="noreferrer"
          >
            Deep Dive Jokes App Tutorial
          </a>
        </li>
        <li>
          <a target="_blank" href="https://remix.run/docs" rel="noreferrer">
            Remix Docs
          </a>
        </li>
      </ul>
    </div>
  );
}

To get to this far I needed to include serverDependenciesToBundle in my remix config:

/** @type {import('@remix-run/dev').AppConfig} */
module.exports = {
  ignoredRouteFiles: ["**/.*"],
  serverDependenciesToBundle: [
    /^lit\/.*/, 
    /^lit.*/,
    /^@lit-labs\/ssr.*/,
    /^@lit\/reactive-element.*/
  ],
  // appDirectory: "app",
  // assetsBuildDirectory: "public/build",
  // serverBuildPath: "build/index.js",
  // publicPath: "/build/",
};

If anyone has had any luck here I'd love to hear suggestions. Thanks!