Making Remix3 Component work with Vite

[itsjavi]

I guess the team is still working on that, but since I was experimenting with the new remix/component and Vite, I thought this simple plugin could be useful to someone:

import { transformWithEsbuild, type Plugin } from 'vite'

export default function vitePluginRemix(): Plugin {
  return {
    name: 'vite-plugin-remix',
    enforce: 'pre',
    transform(code, id) {
      if (id.endsWith('.tsx')) {
        return transformWithEsbuild(code, id, {
          loader: 'tsx',
          jsx: 'automatic',
          jsxImportSource: 'remix/component',
        })
      }
      return null
    },
  }
}