Cannot use babel-plugin-transform-svg-component, throws error

🐛 Bug Report

When using @svgr/babel-plugin-transform-svg-component, or in my case the @svgr/babel-preset an error is thrown

TypeError: <path to file containing svg>: Cannot read property 'componentName' of undefined

I did some tracing and found this. It seems that the plugin makes a reference to opts.state.componentName without checking for it first, and doesn’t provide a default value.

I’d like to be able to use svgr with just babel. Am I doing something wrong, or is there an actual bug here?

To Reproduce

Steps to reproduce the behavior:

Create a project with the following babel config, and import/require an svg file:

.babelrc.js
module.exports = {
  presets: [
    '@svgr/babel-preset'
  ]
}

Expected behavior

SVGR does it’s magic and inlines the SVG.

Actual behavior

It throws an exception because an option has not been provided, that to my knowledge is impossible to pass.

[birdofpreyru]

babel-preset-svgr covers that 😉

[gregberge]

Yeah, SVGR is not available as a babel-plugin yet, but I will work on it.