HMR broken with @vanilla-extract/vite-plugin v4.0.1 and later

[jakst]

HMR broken with @vanilla-extract/vite-plugin v4.0.1 and later

[mrm007]

Thanks gents, that's very promising. We'll release the fix soon.

[jakst]

Hey @mrm007 sure! Seems to work fine so far, but I'll keep that version for a while and report back if anything breaks.

[jakst]

import { sentryVitePlugin } from '@sentry/vite-plugin'
import { TanStackRouterVite } from '@tanstack/router-vite-plugin'
import { vanillaExtractPlugin } from '@vanilla-extract/vite-plugin'
import react from '@vitejs/plugin-react-swc'
import Unfonts from 'unplugin-fonts/vite'
import { defineConfig } from 'vite'
import relay from 'vite-plugin-relay'
import tsconfigPaths from 'vite-tsconfig-paths'

// https://vitejs.dev/config/
export default defineConfig({
  build: {
    sourcemap: true,
  },
  plugins: [
    tsconfigPaths(),
    vanillaExtractPlugin(),
    react(),
    relay,
    TanStackRouterVite(),
    Unfonts({ }),
    sentryVitePlugin({ }),
  ],
})

[mrm007]

Hi @jakst, thanks for reporting this.

Would you mind trying out this snapshot in your app (not the reproduction)? It's a significant change and we don't have extensive test coverage, so I want to make sure we don't break unrelated things.

[mrm007]

Can you share the list of Vite plugins you're currently using?

[acr92]

I see the same issue. The snapshot also fixes it for me.

plugins: [react(), vanillaExtractPlugin({})],

    "@vitejs/plugin-react-swc": "^3.6.0",
    "vite": "^5.0.11"
+ vanilla-extract

[mrm007]

@vanilla-extract/[email protected] has been released. Thank you all for the help.