Skip to content

Next.js: Fix for @nx/react/plugin/storybook with SVGs#23210

Merged
valentinpalkovic merged 4 commits into
storybookjs:nextfrom
daves28:patch-1
Jul 8, 2023
Merged

Next.js: Fix for @nx/react/plugin/storybook with SVGs#23210
valentinpalkovic merged 4 commits into
storybookjs:nextfrom
daves28:patch-1

Conversation

@daves28
Copy link
Copy Markdown
Contributor

@daves28 daves28 commented Jun 26, 2023 •
edited
Loading

Closes #

What I did

This issue RyanClementsHax/storybook-addon-next#100 involving storybook-addon-next and the nx plugin @nx/react/plugin/storybook was resolved RyanClementsHax/storybook-addon-next#101, but that fix didn't make it to this equivalent file here in @storybook/nextjs, making that issue still present when using Storybook 7 and @storybook/nextjs as the framework.

I simply copied and pasted the changes that were made there.

How to test

  1. Setup an NX monorepo with Storybook 7. Add @nx/react/plugin/storybook to the main.js config addons property.
  2. Add stories of React components that contain SVGs.
  3. Run nx storybook and ensure the operation succeeds.

Checklist

  • Make sure your changes are tested (stories and/or unit, integration, or end-to-end tests)
  • Make sure to add/update documentation regarding your changes
  • [X ] If you are deprecating/removing a feature, make sure to update
    MIGRATION.MD

Maintainers

  • If this PR should be tested against many or all sandboxes,
    make sure to add the ci:merged or ci:daily GH label to it.
  • Make sure this PR contains one of the labels below.

["cleanup", "BREAKING CHANGE", "feature request", "bug", "documentation", "maintenance", "dependencies", "other"]

@daves28
Update webpack.ts to match changes made in storybook-addon-next
d63869c 
This issue RyanClementsHax/storybook-addon-next#100 involving storybook-addon-next and the nx plugin @nx/react/plugin/storybook was resolved  RyanClementsHax/storybook-addon-next#101, but that fix didn't make it to this equivalent file here in @storybook/nextjs, making that issue still present when using Storybook 7 and @storybook/nextjs as the framework.
@daves28 daves28 changed the title [Bug] Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook [Bug] Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Jun 26, 2023
@daves28 daves28 changed the title [Bug] Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Jun 26, 2023
@valentinpalkovic valentinpalkovic self-requested a review July 6, 2023 07:26
@valentinpalkovic valentinpalkovic added bug nextjs ci:daily Run the CI jobs that normally run in the daily job. labels Jul 6, 2023
@valentinpalkovic valentinpalkovic changed the title Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Next.js: Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Jul 6, 2023
@valentinpalkovic valentinpalkovic changed the title Next.js: Update webpack.ts for @storybook/nextjs to match past changes made in storybook-addon-next, resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Jul 6, 2023
@valentinpalkovic valentinpalkovic added the patch:yes Bugfix & documentation PR that need to be picked to main branch label Jul 7, 2023
@valentinpalkovic valentinpalkovic merged commit 8704b36 into storybookjs:next Jul 8, 2023
@valentinpalkovic
Copy link
Copy Markdown
Contributor

valentinpalkovic commented Jul 8, 2023

LGTM! Thank you for your contribution!

JReinhold pushed a commit that referenced this pull request Jul 8, 2023
@valentinpalkovic @github-actions
Merge pull request #23210 from daves28/patch-1
6f2e6bf 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
This was referenced Jul 8, 2023
Merged
Merged
@shilman shilman changed the title Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs Next.js: Fix compilation when using @nx/react/plugin/storybook with stories that contain SVGs Jul 8, 2023
@shilman shilman changed the title Next.js: Fix compilation when using @nx/react/plugin/storybook with stories that contain SVGs Next.js: Fix for @nx/react/plugin/storybook with stories that contain SVGs Jul 10, 2023
@shilman shilman changed the title Next.js: Fix for @nx/react/plugin/storybook with stories that contain SVGs Next.js: Fix for @nx/react/plugin/storybook with stories containing SVGs Jul 10, 2023
@github-actions github-actions Bot mentioned this pull request Jul 10, 2023
Closed
8 tasks
JReinhold pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @github-actions
Merge pull request #23210 from daves28/patch-1
3a37dfe 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
JReinhold pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @github-actions
Merge pull request #23210 from daves28/patch-1
0a0be2e 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
JReinhold pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @github-actions
Merge pull request #23210 from daves28/patch-1
899a9f2 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
JReinhold pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @github-actions
Merge pull request #23210 from daves28/patch-1
57e6325 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
JReinhold pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @github-actions
Merge pull request #23210 from daves28/patch-1
91e597f 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
3797e72 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
8a180d9 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
a81b109 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
f84d8d1 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
1142405 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 10, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
ae1dbd3 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
8ccdaee 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
0c69c4c 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
dc26024 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
24aec79 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
205d137 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
b9e625d 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
60752e6 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
f23ea40 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
e3db7c2 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
cf2c2fe 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
4965513 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
bcabb3b 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 11, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
4665d29 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 12, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
4b9113d 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
storybook-bot pushed a commit that referenced this pull request Jul 12, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
6516ad0 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
@valentinpalkovic valentinpalkovic changed the title Next.js: Fix for @nx/react/plugin/storybook with stories containing SVGs Next.js: Fix for @nx/react/plugin/storybook with SVGs Jul 12, 2023
storybook-bot pushed a commit that referenced this pull request Jul 12, 2023
@valentinpalkovic @storybook-bot
Merge pull request #23210 from daves28/patch-1
baa2505 
Next.js: Resolving compilation issues when using @nx/react/plugin/storybook with stories that contain SVGs

(cherry picked from commit 8704b36)
@github-actions github-actions Bot added the patch:done Patch/release PRs already cherry-picked to main/release branch label Jul 12, 2023
@dannyhw dannyhw mentioned this pull request Feb 5, 2024
Merged
8 tasks
@ndelangen ndelangen removed the patch:yes Bugfix & documentation PR that need to be picked to main branch label Oct 28, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

@valentinpalkovic valentinpalkovic valentinpalkovic approved these changes

Assignees

@valentinpalkovic valentinpalkovic

Labels

bug ci:daily Run the CI jobs that normally run in the daily job. nextjs patch:done Patch/release PRs already cherry-picked to main/release branch

Projects

None yet

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

3 participants

@daves28 @valentinpalkovic @ndelangen