I need this as well for usage with my library isomorphic-jsx.

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

Hello @TheKnarf, I am open to extend the support for Preact. The simplest is to add an option Preact and automatically apply the correct configuration. Since I don't use Preact, I trust the community on this!

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

It seems like, maybe, between the time this issue was opened and closed, this was resolved and then unresolved again? I have been using vite-plugin-svgr 2.4.0 (which used @svgr/core v6.5.1) with Preact and the following config:

    svgr({
      svgrOptions: {
        jsxRuntimeImport: {
          importSource: 'preact',
          specifiers: ['h'],
        },
        svgProps: {
          role: 'img',
        },
      },
      exportAsDefault: true,
    }),

This was outputting kebab-case attributes.

Upgrading to vite-plugin-svgr 3.0.1 bumped @svgr/core to 7.0.0 and now with an updated config that looks like this, attributes are camelCase. Is there a way around this?

    svgr({
      svgrOptions: {
        exportType: 'default',
        jsxRuntimeImport: {
          source: 'preact',
          specifiers: ['h'],
        },
        svgProps: {
          role: 'img',
        },
      },
      esbuildOptions: {
        jsxFactory: 'h',
        jsxFragment: 'Fragment',
      },
      exportAsDefault: true,
    }),

I tried adding @svgr/plugin-jsx because I see that's been removed from @svgr/core as of 7.x, but it appears to have no effect.

As far as I can tell, this is not an issue with the Vite plugin: the diff between the two versions doesn't seem to show any difference in how options are being passed to svgr or how svgr is being configured by default.

Just to follow up here: I figured out that my issue was related to vite-plugin-svgr or svgr not fully respecting my configuration for using Preact in the earlier version; so React was getting inserted then re-routed to preact/compat, which was handling the camelCasing. Updating versions must have fixed that configuration issue so that it was using Preact out of the box, which does not handle camelCasing and expects standard attribute casing.

Hopefully #927 is a viable solution