@vitejs/plugin-react can override throwIfNamespace?

[yunsii]

When I use windicss with attributify.prefix = 'w:', It should override throwIfNamespace, but various configurations were tried, it still not work...

plugins: [
  ViteRestart({
    restart: ['.env.development.local'],
  }),
  viteReact({
    babel: {
      plugins: [
        [
          // or @babel/plugin-transform-react-jsx directly
          '@babel/plugin-transform-react-jsx' +
            (configEnv.mode === 'production' ? '' : '-development'),
          {
            throwIfNamespace: false,
          },
        ],
        [
          'babel-plugin-styled-components',
          {
            displayName: process.env.NODE_ENV !== 'production',
          },
        ],
      ],
      parserOpts: {
        plugins: ['decorators-legacy'],
      },
    },
  }),

Someone can help me? Thanks.

[xue-xue]

I had same issue, not sure how to fix this.

[yunsii]

https://github.com/vitejs/vite/blob/main/packages/plugin-react/src/index.ts#L191 Can override jsxImportSource only for now.

[xue-xue]

@yunsii so how you have any other solution for fixing this namespace error for windicss now? I am temporary remove the namespace due to the error, no sure if there's any other solutions right now.

[yunsii]

@xue-xue It is also hard to make TS work well with HTML attribute namespace, at least for me. So use prefix "w-" works very well 😄