Add conditional resolution of webpack version in Next.js projects

Author: valentinpalkovic

scripts/tasks/sandbox-parts.ts

@@ -95,7 +95,7 @@ export const install: Task['run'] = async ({ sandboxDir, key }, { link, dryRun,
     // We need to add package resolutions to ensure that we only ever install the latest version
     // of any storybook packages as verdaccio is not able to both proxy to npm and publish over
     // the top. In theory this could mask issues where different versions cause problems.
-    await addPackageResolutions({ cwd, dryRun, debug });
+    await addPackageResolutions({ cwd, dryRun, debug, key });
     await configureYarn2ForVerdaccio({ cwd, dryRun, debug, key });
 
     // Add vite plugin workarounds for frameworks that need it

scripts/utils/yarn.ts

@@ -17,7 +17,11 @@ export type YarnOptions = {
 
 const logger = console;
 
-export const addPackageResolutions = async ({ cwd, dryRun }: YarnOptions) => {
+export const addPackageResolutions = async ({
+  cwd,
+  dryRun,
+  key,
+}: YarnOptions & { key: TemplateKey }) => {
   logger.info(`🔢 Adding package resolutions:`);
 
   if (dryRun) {
@@ -35,6 +39,14 @@ export const addPackageResolutions = async ({ cwd, dryRun }: YarnOptions) => {
     'playwright-core': '1.48.1',
     '@playwright/test': '1.48.1',
   };
+
+  if (key.includes('nextjs')) {
+    packageJson.resolutions = {
+      ...packageJson.resolutions,
+      webpack: '5.98.0',
+    };
+  }
+
   await writeJSON(packageJsonPath, packageJson, { spaces: 2 });
 };