Royal-Navy/design-system

Incorrect transform-origin prop in IconLoader

jpveooys opened this issue · 1 comments

jpveooys commented

Steps to reproduce

  1. Try to use the ProgressIndicator component in a Next.js 13.5 project
  2. Check console output (server or browser)

There is a warning (accompanied by a stack trace):

Invalid DOM property `transform-origin`. Did you mean `transformOrigin`?

This appears to be happening in the build process for the icon library. It is most easily seen by building the icon library locally and observing that the incorrect prop is in packages/icon-library/src/icons/Loader.tsx.

It may be an upstream bug in SVGR, or SVGO going wrong. (It's a style rather than an attribute in the original SVG:

design-system/packages/icon-library/src/assets/icons/standards/loader.svg

Line 23 in b03e891

transform-origin: 50% 50%;
)

Minimal reproduction

Let me know if those details aren't sufficient.

github-actions commented

This issue has been marked as stale because it has been open for 60 days with no activity