Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

fix(nextjs): Add deprecation message for svgr #28705

Merged
merged 1 commit into from
Oct 31, 2024

Conversation

ndcunningham
Copy link
Contributor

@ndcunningham ndcunningham commented Oct 30, 2024

Current Behavior

Currently, if you are using Next.js 15 have SVGR enabled via WithNx and are using turbopack. You could potentially have issues loading your svg. This happens because of how webpack imports svg and not having an additional configuration for turbopack (currently it is under the experimental option).

Expected Behavior

Moving forward, we can call this out and deprecate the option to be removed in Nx 21. As such should you need to use SVGs it is recommended to do so manually. Something similar to this comment.

Related Issue(s)

Fixes #

@ndcunningham ndcunningham self-assigned this Oct 30, 2024
@ndcunningham ndcunningham requested a review from a team as a code owner October 30, 2024 17:52
@ndcunningham ndcunningham requested a review from Coly010 October 30, 2024 17:52
Copy link

vercel bot commented Oct 30, 2024

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

1 Skipped Deployment
Name Status Preview Updated (UTC)
nx-dev ⬜️ Ignored (Inspect) Visit Preview Oct 31, 2024 0:17am

@ndcunningham ndcunningham force-pushed the fix/nextjs-add-deprecation-svgr branch from b214fdb to 9518255 Compare October 31, 2024 00:13
@ndcunningham ndcunningham enabled auto-merge (squash) October 31, 2024 00:14
@ndcunningham ndcunningham merged commit ce05a98 into master Oct 31, 2024
6 checks passed
@ndcunningham ndcunningham deleted the fix/nextjs-add-deprecation-svgr branch October 31, 2024 00:52
jaysoo pushed a commit that referenced this pull request Oct 31, 2024
<!-- Please make sure you have read the submission guidelines before
posting an PR -->
<!--
https://github.com/nrwl/nx/blob/master/CONTRIBUTING.md#-submitting-a-pr
-->

<!-- Please make sure that your commit message follows our format -->
<!-- Example: `fix(nx): must begin with lowercase` -->

<!-- If this is a particularly complex change or feature addition, you
can request a dedicated Nx release for this pull request branch. Mention
someone from the Nx team or the `@nrwl/nx-pipelines-reviewers` and they
will confirm if the PR warrants its own release for testing purposes,
and generate it for you if appropriate. -->

## Current Behavior
<!-- This is the behavior we have today -->
Currently, if you are using Next.js 15 have SVGR enabled via `WithNx`
and are using turbopack. You could potentially have issues loading your
svg. This happens because of how webpack imports svg and not having an
additional configuration for turbopack (currently it is under the
experimental option).

## Expected Behavior
<!-- This is the behavior we should expect with the changes in this PR
-->
Moving forward, we can call this out and deprecate the option to be
removed in Nx 21. As such should you need to use SVGs it is recommended
to do so manually. Something similar to [this
comment](vercel/turborepo#4832 (comment)).

## Related Issue(s)
<!-- Please link the issue being fixed so it gets closed when this is
merged. -->

Fixes #
Copy link

github-actions bot commented Nov 7, 2024

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.

@github-actions github-actions bot locked as resolved and limited conversation to collaborators Nov 7, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants