fix(react): use babel-loader when using styled-jsx with rspack

[jaysoo]

styled-jsx needs babel in order to transpile <style jsx>{...}</style> syntax, otherwise the app will not render (you can get error because the react child is an unsupported object).

This PR fixes the setup to bring in babel-loader, which corrects the build but will be slower. A warning is logged to the user.

[vercel]

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

1 Ignored Deployment

Name	Status	Preview	Comments	Updated (UTC)
nx-dev	⬜️ Ignored (Inspect)			Apr 20, 2023 6:53pm

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 8524c7c. As they complete they will appear below. Click to see the status, the terminal output, and the build insights.

📂 See all runs for this branch

---

✅ Successfully ran 8 targets

• nx affected -t e2e-macos --parallel=1 --exclude=e2e-detox
• nx affected --target=e2e --base=bc0bbb0b4b727ccbdfc0b96d21096382ef86129c --head=8524c7ca49896fbd3dbadfa6091598ff2ba35e78 --parallel=1
• nx affected --target=test --base=bc0bbb0b4b727ccbdfc0b96d21096382ef86129c --head=8524c7ca49896fbd3dbadfa6091598ff2ba35e78 --parallel=1
• nx affected --target=build --base=bc0bbb0b4b727ccbdfc0b96d21096382ef86129c --head=8524c7ca49896fbd3dbadfa6091598ff2ba35e78 --parallel=3
• nx run-many -t check-imports check-commit check-lock-files depcheck --parallel=1 --no-dte
• nx affected --target=lint --base=bc0bbb0b4b727ccbdfc0b96d21096382ef86129c --head=8524c7ca49896fbd3dbadfa6091598ff2ba35e78 --parallel=3
• nx-cloud record -- nx format:check --base=bc0bbb0b4b727ccbdfc0b96d21096382ef86129c --head=8524c7ca49896fbd3dbadfa6091598ff2ba35e78
• nx documentation --no-dte

---

Sent with 💌 from NxCloud.

[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.