use-sync-external-store causes ERR_UNSUPPORTED_DIR_IMPORT error

[p-j]

Describe the bug
After upgrading from 4.3.0 to 4.4.1 the build of our Next.js app started failing with the following error:

unhandledRejection Error [ERR_UNSUPPORTED_DIR_IMPORT]: Directory import '<...>/node_modules/use-sync-external-store/shim' is not supported resolving ES modules imported from <...>/node_modules/@lingui/react/dist/index.mjs
Did you mean to import use-sync-external-store/shim/index.js?
    at new NodeError (node:internal/errors:399:5)
    at finalizeResolution (node:internal/modules/esm/resolve:319:17)
    at moduleResolve (node:internal/modules/esm/resolve:945:10)
    at defaultResolve (node:internal/modules/esm/resolve:1153:11)
    at nextResolve (node:internal/modules/esm/loader:163:28)
    at ESMLoader.resolve (node:internal/modules/esm/loader:838:30)
    at ESMLoader.getModuleJob (node:internal/modules/esm/loader:424:18)
    at ModuleWrap.<anonymous> (node:internal/modules/esm/module_job:77:40)
    at link (node:internal/modules/esm/module_job:76:36) {
  type: 'Error',
  code: 'ERR_UNSUPPORTED_DIR_IMPORT',
  url: 'file://<...>/node_modules/use-sync-external-store/shim'
}

Additional context

• jsLingui version 4.4.1
• Babel version 7.22.11
• Macro support:
• I'm using SWC with @lingui/swc-plugin
• I'm using Babel with babel-macro-plugin
• I'm not using macro

Might be related to facebook/react#26230

Is there something we should do on our end to make it work?

[andrii-bodnar]

@vonovak could you please take a look?

[usercao]

@vonovak As long as you upgrade to version 4.4.1 this error will be reported immediately and it is no longer usable.

[vonovak]

Hi!
I'm going to take a look in a few hours, I'm afk now.
Can someone confirm if the suggested import change fixes the issue in nextjs?

[vonovak]

hi! I opened a PR that reverts the change. For now that seems the best option #1755