Usage with solid-js

[PodaruDragos]

Is there any example how to use this great tool with webpack and solid-js ?
Tried configuring it like this, but it does not work, not doing any configurations also does not work.
Any suggestions are much appreciated.

    {
      test: /\.svg$/,
      use: [
        {
          loader: '@svgr/webpack',
          options: {
            babel: false,
            jsxRuntime: 'automatic',
            jsxRuntimeImport: 'solid-js',
            prettier: false,
            ref: false,
            svgo: false,
            svgoConfig: {
              plugins: [{ removeViewBox: false }]
            },
            titleProp: true
          }
        }
      ]
    },

[gregberge]

Hi @PodaruDragos, no there is no example. However the jsxRuntime config is flexible and it should be possible. I don't know solid so I can't help here.

https://react-svgr.com/docs/options/#jsx-runtime-import-source

[PodaruDragos]

For anyone arriving here, this is what works for me.

    {
      issuer: /\.[jt]sx?$/,
      test: /\.svg$/,
      use: [
        {
          loader: 'babel-loader',
          options: {
            presets: ['solid'],
          }
        },
        {
          loader: '@svgr/webpack',
          options: {
            babel: false,
            jsxRuntime: 'automatic',
            jsxRuntimeImport: { source: 'solid-js', specifiers: [] },
            prettier: false,
            ref: false,
            svgo: false,
            svgoConfig: {
              plugins: [{ removeViewBox: false }]
            },
            titleProp: true
          }
        }
      ]
    },