Adding withWorkflow to next.config breaks the entire app

[MendyLanda]

Existing next project, version 15.4.5
Using --turbopack
It's a turborepo monorepo

Only thing that I changed from the working version is I installed the workflow package, and I exported the config with the withWorkflow wrapper.

[turbopack-node]/transforms/transforms.ts:53:10
lint TP1006 path.join(???*0*, (???*2* ? ???*5* : ???*7*)) is very dynamic
  51 | }
  52 | export const fromPath = (path: string) => {
> 53 |   return join(contextDir, sep !== '/' ? path.replaceAll('/', sep) : path)
     |          ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^
  54 | }
  55 |
  56 | // Patch process.env to track which env vars are read

- *0* process.cwd*1*()
  ⚠️  process.cwd is not specified in the environment
  ⚠️  This value might have side effects
- *1* process.cwd: The Node.js process.cwd method: https://nodejs.org/api/process.html#processcwd
- *2* (???*3* !== "/")
  ⚠️  nested operation
- *3* path*4*["sep"]
  ⚠️  unsupported property on Node.js path module
  ⚠️  This value might have side effects
- *4* path: The Node.js path module: https://nodejs.org/api/path.html
- *5* ???*6*["replaceAll"]("/", module<path, {}>["sep"])
  ⚠️  unknown callee object
- *6* arguments[0]
  ⚠️  function calls are not analysed yet
- *7* arguments[0]
  ⚠️  function calls are not analysed yet

Import trace:
  webpack_loaders:
    [turbopack-node]/transforms/transforms.ts
    [turbopack-node]/transforms/webpack-loaders.ts


Call Stack
7

Hide 5 ignore-listed frame(s)
<unknown>
error: [turbopack-node]/transforms/transforms.ts (53:10)
<unknown> (Error:
[turbopack-node]/transforms/transforms.ts (53:10)
Object.getCompilationErrors
../../node_modules/next/src/server/dev/hot-reloader-turbopack.ts (949:23)
DevBundlerService.getCompilationError
../../node_modules/next/src/server/lib/dev-bundler-service.ts (52:51)
DevServer.getCompilationError
../../node_modules/next/src/server/dev/next-dev-server.ts (1030:38)
DevServer.findPageComponents
../../node_modules/next/src/server/dev/next-dev-server.ts (994:39)

[TooTallNate]

Can you share your full next.config file contents?

[SouthCentralCode]

Hey,

I'm getting the same exact issue.... happy to test any patches locally here.

I'm getting this typescript error.. on the import below...

import { withWorkflow } from 'workflow/next';

Cannot find module 'workflow/next' or its corresponding type declarations.
There are types at '/apps/web/node_modules/workflow/dist/next.d.ts', but this result could not be resolved under your current 'moduleResolution' setting. Consider updating to 'node16', 'nodenext', or 'bundler'.ts(2307)

Here's my next.config....

import withBundleAnalyzer from '@next/bundle-analyzer';
import { withSentryConfig } from '@sentry/nextjs';
import { withWorkflow } from 'workflow/next';

const IS_PRODUCTION = process.env.NODE_ENV === 'production';
const SUPABASE_URL = process.env.NEXT_PUBLIC_SUPABASE_URL;
const ENABLE_REACT_COMPILER = false;

const INTERNAL_PACKAGES = [
  '@kit/ui',
  '@kit/auth',
  '@kit/accounts',
  '@kit/admin',
  '@kit/team-accounts',
  '@kit/shared',
  '@kit/supabase',
  '@kit/i18n',
  '@kit/mailers',
  '@kit/billing-gateway',
  '@kit/email-templates',
  '@kit/database-webhooks',
  '@kit/cms',
  '@kit/monitoring',
  '@kit/next',
  '@kit/notifications',
  '@custom-app/data-services',
];

/** @type {import('next').NextConfig} */
const config = {
  reactStrictMode: true,
  /** Enables hot reloading for local packages without a build step */
  transpilePackages: INTERNAL_PACKAGES,
  images: {
    remotePatterns: getRemotePatterns(),
  },
  logging: {
    fetches: {
      fullUrl: true,
    },
  },
  serverExternalPackages: [],
  // needed for supporting dynamic imports for local content
  outputFileTracingIncludes: {
    '/*': ['./content/**/*'],
  },
  redirects: getRedirects,
  turbopack: {
    resolveExtensions: ['.ts', '.tsx', '.js', '.jsx'],
    resolveAlias: getModulesAliases(),
  },
  devIndicators:
    process.env.NEXT_PUBLIC_CI === 'true'
      ? false
      : {
          position: 'bottom-right',
        },
  experimental: {
    mdxRs: true,
    reactCompiler: ENABLE_REACT_COMPILER,
    // Enable server source maps so production stack traces on Vercel map to original TS/TSX
    serverSourceMaps: false,
    clientSegmentCache: false,
    optimizePackageImports: [
      'recharts',
      'lucide-react',
      '@radix-ui/react-icons',
      '@radix-ui/react-avatar',
      '@radix-ui/react-select',
      'date-fns',
      'ml-pca',
      'mathjs',
      '@mdxeditor/editor',
      ...INTERNAL_PACKAGES,
    ],
  },
  modularizeImports: {
    lodash: {
      transform: 'lodash/{{member}}',
    },
  },
  /** We already do linting and typechecking as separate tasks in CI */
  eslint: { ignoreDuringBuilds: true },
  typescript: { ignoreBuildErrors: true },
};
// export default withWorkflow(config); -- still errors

export default withWorkflow(
  withSentryConfig(
    withBundleAnalyzer({
      enabled: process.env.ANALYZE === 'true',
    })(config),
    {
      org: process.env.SENTRY_ORG_NAME,
      project: process.env.SENTRY_PROJECT_NAME,
      authToken: process.env.SENTRY_AUTH_TOKEN,
      silent: !IS_PRODUCTION, // Used to suppress logs
      autoInstrumentServerFunctions: false,
      widenClientFileUpload: true,
    },
  ),
);

function getRemotePatterns() {
  /** @type {import('next').NextConfig['remotePatterns']} */
  const remotePatterns = [];

  if (SUPABASE_URL) {
    const hostname = new URL(SUPABASE_URL).hostname;

    remotePatterns.push({
      protocol: 'https',
      hostname,
    });
  }

  return IS_PRODUCTION
    ? remotePatterns
    : [
        {
          protocol: 'http',
          hostname: '127.0.0.1',
        },
        {
          protocol: 'http',
          hostname: 'localhost',
        },
        {
          protocol: 'https',
          hostname: 'localhost',
        },
      ];
}

async function getRedirects() {
  return [
    {
      source: '/server-sitemap.xml',
      destination: '/sitemap.xml',
      permanent: true,
    },
  ];
}

/**
 * @description Aliases modules based on the environment variables
 * This will speed up the development server by not loading the modules that are not needed
 * @returns {Record<string, string>}
 */
function getModulesAliases() {
  if (process.env.NODE_ENV !== 'development') {
    return {};
  }

  const monitoringProvider = process.env.NEXT_PUBLIC_MONITORING_PROVIDER;
  const billingProvider = process.env.NEXT_PUBLIC_BILLING_PROVIDER;
  const mailerProvider = process.env.MAILER_PROVIDER;
  const captchaProvider = process.env.NEXT_PUBLIC_CAPTCHA_SITE_KEY;

  // exclude the modules that are not needed
  const excludeSentry = monitoringProvider !== 'sentry';
  const excludeStripe = billingProvider !== 'stripe';
  const excludeNodemailer = mailerProvider !== 'nodemailer';
  const excludeTurnstile = !captchaProvider;

  /** @type {Record<string, string>} */
  const aliases = {};

  // the path to the noop module
  const noopPath = '~/lib/dev-mock-modules';

  if (excludeSentry) {
    aliases['@sentry/nextjs'] = noopPath;
  }

  if (excludeStripe) {
    aliases['stripe'] = noopPath;
    aliases['@stripe/stripe-js'] = noopPath;
  }

  if (excludeNodemailer) {
    aliases['nodemailer'] = noopPath;
  }

  if (excludeTurnstile) {
    aliases['@marsidev/react-turnstile'] = noopPath;
  }

  return aliases;
}