Storybook react: import type Unexpected token, expected "from"

Current Behavior

import type { CSSVars, Theme } from './utils';

Expected Behavior

Storybook to compile and run fine

Steps to Reproduce

Simple react component inside storybook. Make another library that uses import type and export type.

Import library and it fails

libs\theme\src\index.ts: Unexpected token, expected "from" (6:12)

  4 |   themeA11yProps,
  5 | } from "./utils";
> 6 | import type { CSSVars, Theme } from './utils';
    |             ^
  7 |
  8 | export * from './preset';
  9 |
    at instantiate (C:\dev\clients\Portal.Web\node_modules\@babel\parser\lib\index.js:72:32)
    at constructor (C:\dev\clients\Portal.Web\node_modules\@babel\parser\lib\index.js:358:12)
    at Parser.raise (C:\dev\clients\Portal.Web\node_modules\@babel\parser\lib\index.js:3341:19)

[Lusito]

Hi @Coly010

I have the same issue. Looks like the same issue as #9372, but I can’t fix it with a .babelrc file in the library folder.

Here is the smallest reproduction I could make: https://github.com/Lusito/nx-import-type-repro

I first thought, it was a Problem with import type, but it generally doesn’t understand typescript in the library.

What I found out, is that using "executor": "@nrwl/web:webpack" fails, but using "executor": "@nrwl/node:webpack" works perfectly fine.

[Jordan-Hall]

@Coly010 No repo step anymore. Closing this down looks like its now all working so not sure what the issue is. If i can repo it in a basic setup i’ll reopen. Im so sorry