Upgrade from 13.1.6 to next 13.2.4 fails production build

[ryandegruyter]

Verify canary release

• I verified that the issue exists in the latest Next.js canary release

Provide environment information

"@nrwl/next": "15.8.7"

Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 22.3.0: Mon Jan 30 20:38:37 PST 2023; root:xnu-8792.81.3~2/RELEASE_ARM64_T6000
    Binaries:
      Node: 16.17.1
      npm: 9.2.0
      Yarn: N/A
      pnpm: N/A
    Relevant packages:
      next: 13.2.4
      eslint-config-next: 13.2.4
      react: 18.2.0
      react-dom: 18.2.0

Which area(s) of Next.js are affected? (leave empty if unsure)

No response

Link to the code that reproduces this issue

/

To Reproduce

"@nrwl/next": "15.8.7" + "next": "13.2.4"

Describe the Bug

When running
nx export website

Receiving numerous errors of this type:

Attempted import error: 'ReactComponent' is not exported from '../../public/img/logos/alpha.svg' (imported as 'AlphaSvg').

import code:

import { ReactComponent as AlphaSvg } from '../../public/img/logos/alpha.svg';

And

Error: Minified React error #130; visit https://reactjs.org/docs/error-decoder.html?invariant=130&args[]=undefined&args[]= for the full message or use the non-minified dev environment for full errors and additional helpful warnings.
    at Zc (/Users/.../node_modules/react-dom/cjs/react-dom-server.browser.production.min.js:74:493)

Expected Behavior

Build succeeds without any errors like v13.1.6 or please clarify any breaking changes.

Which browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

[ryandegruyter]

My original issue was closed in favor of issue 46374. Despite its resolution, my problem persists, so I'm opening this issue.

[balazsorban44]

Could you please attach a minimial public reproduction?

/ is not a link to a reproduction. Please make sure to remove any unnecessary code that does not contribute to the observed issue so we can track the potential problem down more easily.

[balazsorban44]

Potentially fixed in Nx, see #46374 (comment) Feel free to close the issue if true, otherwise we will need a reproduction.

[Tirke]

@balazsorban44 On my side when I bump nx to 15.8.7, our next 13.1.6 app is now failing to build with similar errors found in the previous issue like

../../../libs/front/api/src/logic/axios/auth/clearCookies.ts
Module parse failed: Unexpected token (1:12)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
> import type { FrontLegacyRuntimeConfig } from '@front/runtime-config'

[balazsorban44]

Please, add a reproduction.

See the message from Tim #46374 (comment)

Also, you might need to bump next as well.

[Tirke]

I know we need a repro, takes time that I don't have currently. Same errors when I bump next and nx. No worries on my side can wait. Thanks :)

[balazsorban44]

This issue has been automatically closed because it received no activity for a month and had no reproduction to investigate. If you think it was closed by accident, please leave a comment. If you are running into a similar issue, please open a new issue with a reproduction. Thank you.

[calvincchong]

Hi I wanted to know if this was resolved?

[ryandegruyter]

Hi @calvincchong, I did an upgrade to the latest nextjs version without upgrading nrwl/next. That worked, then I upgraded nrwl/next and I got the above mentioned errors, I moved the issue to nrwl/nx#16361

[ryandegruyter]

We resolved the issue, see my comment here: nrwl/nx#16361 (comment)

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.