fix(react): transpile SVGR into React 19 compatible component

[jaysoo]

This PR fixes an issue with React 19 and our @nx/react/plugins/jest transform. The current transform uses an unsupported $$typeof symbol, and also uses the deprecated forwardRef API.

The updated transform will use new API for React 19 and older, while maintaining the previous API for React 18 and earlier. The backwards compatibility may be needed if the test is using ref, which requires forwardRef older versions.

Current Behavior

SVGR fails in Jest tests with React 19

Expected Behavior

SVGR works

Related Issue(s)

Fixes #

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

1 Skipped Deployment

Name	Status	Preview	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)		Jan 7, 2025 9:34pm

[nx-cloud]

View your CI Pipeline Execution ↗ for commit 63562d6.

Command	Status	Duration	Result
nx affected --targets=lint,test,build,e2e,e2e-c...	✅ Succeeded	28m 21s	View ↗
nx run-many -t check-imports check-commit check...	✅ Succeeded	1m	View ↗
nx-cloud record -- nx-cloud conformance:check	✅ Succeeded	1s	View ↗
nx-cloud record -- nx format:check --base=3f3c8...	✅ Succeeded	18s	View ↗
nx-cloud record -- nx sync:check	✅ Succeeded	17s	View ↗
nx documentation --no-dte	✅ Succeeded	41s	View ↗

---

☁️ Nx Cloud last updated this comment at 2025-01-07 21:56:36 UTC

[github-actions]

This pull request has already been merged/closed. If you experience issues related to these changes, please open a new issue referencing this pull request.