Skip to content

fix: add transform-origin and transformorigin mappings - #1036

Open
piotr-cz wants to merge 1 commit into
gregberge:mainfrom
piotr-cz:patch-1
Open

piotr-cz wants to merge 1 commit into
gregberge:mainfrom
piotr-cz:patch-1

Conversation

@piotr-cz

Copy link
Copy Markdown

Summary

Fixes #957

React 19 added runtime validation for transformOrigin attribute in development mode.
When it finds transform-origin attribute, it shows a message:

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

This PR adds missing mappings.

Test plan

Run library on such SVG image:

<?xml version="1.0" encoding="UTF-8"?>
<svg
  xmlns="http://www.w3.org/2000/svg"
  viewBox="-10 -10 420 420"
>
  <path
    d="M 200 0 A 200 200, 0, 0, 1, 375 100 L 200 200 Z"
    transform-origin="200 200"
  />
</svg>

@vercel

vercel Bot commented Sep 30, 2026

Copy link
Copy Markdown

Deployment failed for project svgr with the following error:

The `vercel.json` schema validation failed with the following message: should NOT have additional property `public`

Learn More: https://vercel.com/docs/concepts/projects/project-configuration

@vercel

vercel Bot commented Sep 30, 2026

Copy link
Copy Markdown

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated
svgr Error Error Sep 30, 2026 7:33am UTC

This branch had an error being deployed

1 failed deployment
Preview — df53e639 Deployed Sep 30, 2026 by vercel[bot]
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

SVGR does not inline the transform-origin CSS property correctly

1 participant