Remix SPA throws exception when importing external dependencies

[garth]

I'm migrating an app from react-router to Remix SPA.

Previously in my vite config I could configure external dependencies:

import { defineConfig } from 'vite'
import react from '@vitejs/plugin-react-swc'
import externalize from 'vite-plugin-externalize-dependencies'

export default defineConfig({
  plugins: [
    react(),
    externalize({
      externals: [/^socket:.*/],
    }),
  ],
  build: {
    rollupOptions: {
      external(id) {
        return id.startsWith('socket:')
      },
    },
  },
})

I tried to do the same with remix:

import { unstable_vitePlugin as remix } from '@remix-run/dev'
import { defineConfig } from 'vite'
import externalize from 'vite-plugin-externalize-dependencies'
import tsconfigPaths from 'vite-tsconfig-paths'

export default defineConfig({
  plugins: [
    externalize({
      externals: [/^socket:.*/],
    }),
    remix({
      unstable_ssr: false,
      appDirectory: 'src',
      
    }),
    tsconfigPaths(),
  ],
  build: {
    rollupOptions: {
      external(id) {
        return id.startsWith('socket:')
      },
    },
  },
})

but it throw the following error on build:

[remix] Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. Received protocol 'socket:'
✓ built in 134ms
Error [PLUGIN_ERROR]: Only URLs with a scheme in: file, data, and node are supported by the default ESM loader. Received protocol 'socket:'
    at throwIfUnsupportedURLScheme (node:internal/modules/esm/load:236:11)
    at defaultLoad (node:internal/modules/esm/load:128:3)
    at ModuleLoader.load (node:internal/modules/esm/loader:409:13)
    at ModuleLoader.moduleProvider (node:internal/modules/esm/loader:291:56)
    at new ModuleJob (node:internal/modules/esm/module_job:65:26)
    at #createModuleJob (node:internal/modules/esm/loader:303:17)
    at ModuleLoader.getJobFromResolveResult (node:internal/modules/esm/loader:260:34)
    at ModuleLoader.getModuleJob (node:internal/modules/esm/loader:241:17)
    at async ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:85:21) {
  code: 'PLUGIN_ERROR',
  pluginCode: 'ERR_UNSUPPORTED_ESM_URL_SCHEME',
  plugin: 'remix',
  hook: 'writeBundle'
}

Before Remix moved to vite, there used to be an option to mark dependencies as external, but I don't see any option for that with the new vite setup.

Is this possible to configure Remix SPA to work with external imports?