I ran the following script off the documentation: optimize.mjs ```tsx import { transform } from "@svgr/core"; const svgCode = ` <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect x="10" y="10" height="100" width="100" style="stroke:#ff0000; fill: #0000ff"/> </svg> `; const jsCode = transform.sync( svgCode, { icon: true }, { componentName: "MyComponent" } ); console.log(jsCode); ``` And ran it with Node. The output was ``` <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <rect x="10" y="10" height="100" width="100" style="stroke:#ff0000; fill: #0000ff"/> </svg> ``` I expected the output to be in React syntax. I used v3.0.2 of the package.
AI Analysis
This issue appears to be discussing a feature request or bug report related to the repository. Based on the content, it seems to be still under discussion. The issue was opened by JonnyBurger and has received 6 comments.
Add a comment
Comment form would go here