webpack error because of import type when deploying to vercel

[JohannesKlauss]

I am trying to deploy my docs for the react-hotkeys-hook package with version 2.0.0-beta.17 on vercel.

But there is a weird build error going on. It seems like the import type statements aren't stripped from the js files. I am using the docusaurus 2 vercel preset to deploy.

This is the branch where it is happening: JohannesKlauss/react-hotkeys-hook#684

I never had issues before, but I also skipped beta versions 15 and 16.

Has anyone any idea on how to fix this?

Module parse failed: Unexpected token (11:24)
--
11:13:05.228 | 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
11:13:05.228 | \| import Playground from '@theme/Playground';
11:13:05.228 | \| import ReactLiveScope from '@theme/ReactLiveScope';
11:13:05.228 | > import CodeBlock, {type Props} from '@theme-init/CodeBlock';
11:13:05.228 | \|
11:13:05.228 | \| const withLiveEditor = (Component: typeof CodeBlock) => {
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/core/lib/client/client-lifecycles-dispatcher.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/core/lib/client/docusaurus.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/core/lib/client/exports/Interpolate.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/core/lib/client/exports/Link.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/plugin-content-docs/lib/client/docsClientUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-classic/lib-next/theme/BackToTopButton/index.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.228 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-classic/lib-next/theme/DocSidebarItem/index.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-classic/lib-next/theme/MDXComponents/index.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-classic/lib-next/theme/Navbar/index.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-classic/lib-next/theme/Tabs/index.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/components/Collapsible/index.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/hooks/useHideableNavbar.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/codeBlockUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/docsUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/pathUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/reactUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/scrollUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/storageUtils.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/useContextualSearchFilters.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/documentation/node_modules/@docusaurus/theme-common/lib/utils/useTOCHighlight.js: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | TypeError: /vercel/path0/src/useHotkeys.ts: helperSkipTransparentExpressionWrappers.skipTransparentExprWrapperNodes is not a function
11:13:05.229 | [ERROR] Client bundle compiled with errors therefore further build is impossible.
11:13:05.263 | error Command failed with exit code 1.
11:13:05.263 | info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
11:13:05.274 | Error: Command "yarn run build" exited with 1

[slorber]

no idea 🤷‍♂️

You have a swizzled component here: https://github.com/JohannesKlauss/react-hotkeys-hook/blob/master/documentation/src/theme/ReactLiveScope/index.js

please try to remove it, if it works then it's likely a problem with your own lib

[JohannesKlauss]

I did try to remove it, still the same error. I tried to check when the issue is starting to occur. In beta.15 everything works fine, but as of beta.16 this error always happens even with no swizzled components

[slorber]

please try latest version, and remove everything from your site until it builds again.

We need a smaller repro to understand this problem with a minimalistic site. Make sure to regen lockfile and run "yarn docusaurus clear" too.