babel-plugin-inline-react-svg
babel-plugin-inline-react-svg copied to clipboard
A babel plugin that optimizes and inlines SVGs for your React Components.
Fixes #74
Hi all, The current **v1.0.1** duplicate ids on one page. I think the problem with svgo 0.7.2
So we have a library with all our svg icons in it. I'm looking for a way to import all these svgs dynamically and display them in our styleguide (storybook)...
ASAP There is an error message in a console and react removes aria-labelledby because it's wrapped in single ticks: Warning: Invalid attribute name: `'aria-labelledby'`
```import Ethereum from 'assets/eth.svg'``` failed to compile
Following on from https://github.com/airbnb/babel-plugin-inline-react-svg/pull/17 with added tests. This PR adds support for two new options: - *`root`* - A relative path string (Starting from CWD) that is used for alias...
When the lib transforms to SVG, it adds the maskType property and so I get the following error: Warning: React does not recognize the `maskType` prop on a DOM element....
So everytime I add a new .svg file to the project I get this warning and I have to fiddle around with the width/height/viewbox of the component with random values...
Fixes #74 See https://github.com/airbnb/babel-plugin-inline-react-svg/pull/77#issuecomment-931439820 @briganti this is your change, i'm just submitting it to hopefully get the ball rolling.
If I specify plugin config in `.babelrc` it throws the error. ```js ERROR in ./src/pages/Application.js Module build failed: SyntaxError: c:/dev/.../Application.js: Unexpected token (1:1) > 1 | import React, { Component...