fix(react): load svg component in buildable library

[YehudaGold]

Added svg and url loaders to rollup config of buildable react library, like in webpack config for react app (packages/react/plugins/webpack.ts).

Current Behavior

A new library with nx g @nrwl/react:lib which tries to import svg files fails with the error below

Error during bundle: Error: 'ReactComponent' is not exported by <path/to/svg>

Expected Behavior

Build should be sucessful

Related Issue(s)

Fixes #6761

[nx-cloud-staging]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit a04bb83. 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 11 targets

• nx affected --target=e2e --base=3653e5944da44dd9df50488f33ff818c2832d161 --head=a04bb834312993b39e1022e3a6f8ffec0601af50 --exclude=e2e-storybook,e2e-storybook-angular,e2e-react-native,e2e-detox --parallel=1
• nx affected --target=test --base=3653e5944da44dd9df50488f33ff818c2832d161 --head=a04bb834312993b39e1022e3a6f8ffec0601af50 --parallel=1
• nx depcheck --no-dte
• nx affected --target=build --base=3653e5944da44dd9df50488f33ff818c2832d161 --head=a04bb834312993b39e1022e3a6f8ffec0601af50 --parallel=3
• nx affected --target=lint --base=3653e5944da44dd9df50488f33ff818c2832d161 --head=a04bb834312993b39e1022e3a6f8ffec0601af50 --parallel=3
• nx lint --no-dte
• nx check-lock-files --no-dte
• nx check-commit --no-dte
• nx-cloud record -- nx format:check --base=3653e5944da44dd9df50488f33ff818c2832d161 --head=a04bb834312993b39e1022e3a6f8ffec0601af50
• nx check-imports --no-dte
• nx documentation --no-dte

---

Sent with 💌 from NxCloud.

[vercel]

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

Name	Status	Preview	Updated
nx-dev	✅ Ready (Inspect)	Visit Preview	Dec 19, 2022 at 3:12PM (UTC)

[YehudaGold]

Hey, is there anything I can do to advance this pull request?

[mattcat10]

Any updates when this could be merged? I am seeing this problem with the latest nx version as well

[mohamadmek]

any updates on this, please? it's a real problem

[nx-cloud]

☁️ Nx Cloud Report

CI is running/has finished running commands for commit 63761a5. 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

---

🟥 Failed Commands
nx depcheck --no-dte

✅ Successfully ran 18 targets

• nx affected --target=e2e --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=63761a58d960da7e7649b5e550f84e350b5d358c --exclude=e2e-storybook,e2e-storybook-angular,e2e-react-native,e2e-detox --parallel=1
• nx affected --target=test --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=63761a58d960da7e7649b5e550f84e350b5d358c --parallel=1
• nx depcheck --no-dte
• nx affected --target=lint --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=63761a58d960da7e7649b5e550f84e350b5d358c --parallel=3
• nx lint --no-dte
• nx check-lock-files --no-dte
• nx check-commit --no-dte
• nx affected --target=build --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=63761a58d960da7e7649b5e550f84e350b5d358c --parallel=3
• nx-cloud record -- nx format:check --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=63761a58d960da7e7649b5e550f84e350b5d358c
• nx check-imports --no-dte
• nx documentation --no-dte
• nx affected --target=lint --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=e2129029931e6974d26b90289c2a050af91e9f2a --parallel=3
• nx lint --no-dte
• nx check-commit --no-dte
• nx check-lock-files --no-dte
• nx-cloud record -- nx format:check --base=b52b649fcbc8fdf259703939823969c5e8c4eead --head=e2129029931e6974d26b90289c2a050af91e9f2a
• nx check-imports --no-dte
• 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.