Comments (5)
Thanks for reporting it! We should easily handle it by creating a h2x plugin.
from svgr.
Hmm, maybe this is due to a specific svgo version? If I run the SVG through svgomg I get:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="48" height="48">
<g transform="translate(0 -1004.362)">
<g id="a" color="#000" fill="#a3a3a3" stroke-width="8">
<rect width="4" height="4" x="4" y="1010.362" rx=".2" ry=".2" overflow="visible"/>
<rect ry=".2" rx=".2" y="1010.362" x="12" height="4" width="32" overflow="visible"/>
</g>
<use xlink:href="#a"/>
<use xlink:href="#a" transform="translate(0 8)"/>
<use xlink:href="#a" transform="translate(0 16)"/>
<use xlink:href="#a" transform="translate(0 24)"/>
<use xlink:href="#a" transform="translate(0 32)"/>
</g>
</svg>
The relevant toggle is "Remove unknowns & defaults". svgomg seems to be using [email protected]
while I have [email protected]
locally.
I can't find any reference information for this marker
CSS property on MDN, so maybe it's just garbage Inkscape inserted?
from svgr.
It looks like https://github.com/svg/svgo/releases/tag/v0.6.4 changed behavior with respect to unknown CSS properties (which were previously translated into invalid element attributes, which were dropped).
from svgr.
For anyone else stumbling across this, it looks like I can stop Inkscape from adding this invalid marker:none
CSS property by checking some boxes in the preferences:
from svgr.
Fixed in v0.5.0
from svgr.
Related Issues (20)
- How to configure SVGR in a tsup package inside a turborepo HOT 1
- Could @svgr/rollup support react17 new jsx transform?
- Does not transform SVG (v3.0.2) HOT 3
- After use, the svg structure in html is not consistent with the svg file
- Document plugins option? HOT 3
- props classname not append to svg classname and replaced in nextjs HOT 3
- Wrong Code generation for React Native with Refs
- Native generates invalid references to react-native-svg imports
- SVG not loading in Next.js version 14.0.4 HOT 4
- Custom template variable undefined when used as location for import declaration
- @svgr/webpack Not working with svg's from shared package inside monorepo HOT 1
- Unique IDs in runtime HOT 1
- Classic url import issue in typescript
- React Warning: Each child in a list should have a unique 'key' prop - Unveiling the SVGR SVG Component Dilemma
- Snake Case dependancy is depricated
- Introduce option to allow remove attributes for any component name
- overwriting dimensions HOT 1
- Website not working on Arc browser HOT 4
- Does the current project support the use of Vue2 or Vue3?
- fallback title is not working HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from svgr.