After Vite 8, should we turn to @rolldown/plugin-babel for babel plugins?

[amio]

Previously I'm using styled jsx:

import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [
    react({
      babel: {
        plugins: ['styled-jsx/babel'],
      },
    }),
  ],
})

After Vite 8, should I change it to below?

import react from '@vitejs/plugin-react'
import babel from '@rolldown/plugin-babel'

export default defineConfig({
  plugins: [
    react(),
    babel({
      plugins: ['styled-jsx/babel'],
    }),
  ],
})

[ArnaudBarre]

Yes this is expected, but if your only usage of Babel is for styled component, you should be able to use oxc builtin transform:

import react from '@vitejs/plugin-react'

export default defineConfig({
  plugins: [react()],
  oxc: {
    plugins: {
      // https://oxc.rs/docs/guide/usage/transformer/plugins.html#basic-usage
      styledComponents: {
        displayName: true,
        ssr: true,
        fileName: true,
        minify: true,
      },
    }
  }
})