Getting error Cannot use import statement outside a module in storybook.main after upgrade to v19.1.1 about nx

[TheDevelolper]

I tried a few things, I tried to migrate to the latest beta version of nx (without success) so I reverted changes and did a fresh npm install using node v20. I'd tried this countless times before without success but for some reason it magically works now?

I'm at a loss as to what I did to to get it working but I'm thankful that it does work. The only real differences are that I deleted my package-lock file (ah perhaps that was the problem?) and reinstalled everything. Anyway it's working now!

[TheDevelolper]

Okay now I did the same again and the error is back!

> nx run ui-components:storybook

.\libs\ui-components\.storybook\main.ts:1
import type { StorybookConfig } from '@storybook/angular';
^^^^^^
SyntaxError: Cannot use import statement outside a module
    at wrapSafe (node:internal/modules/cjs/loader:1281:20)
    at Module._compile (node:internal/modules/cjs/loader:1321:27)
    at Module._extensions..js (node:internal/modules/cjs/loader:1416:10)
    at newLoader (.\node_modules\pirates\lib\index.js:121:7)
    at Object.newLoader [as .ts] (.\node_modules\pirates\lib\index.js:121:7)
    at Module.load (node:internal/modules/cjs/loader:1208:32)
    at Function.Module._load (node:internal/modules/cjs/loader:1024:12)
    at Module.require (node:internal/modules/cjs/loader:1233:19)
    at Module.require (.\node_modules\nx\src\adapter\compat.js:66:40)
    at require (node:internal/modules/helpers:179:18)
attention => Storybook now collects completely anonymous telemetry regarding usage.
This information is used to shape Storybook's roadmap and prioritize features.
You can learn more, including how to opt-out if you'd not like to participate in this anonymous program, by visiting the following URL:
https://storybook.js.org/telemetry
 NX   Broken build, fix the error above.
You may need to refresh the browser.