Mount Component that uses React.lazy throws webpack error

[vtereshyn]

Test file:

import { mount } from '@cypress/react';
...

describe('Test', function () {
  it('test test test', () => {
    mount(
      <Suspense fallback={<div>loading...</div>}>
        <MockedProvider mocks={[]}>
          <MemoryRouter>
            <TestComponent />
          </MemoryRouter>
        </MockedProvider>
      </Suspense>
    );
    expect(2 + 2).equal(4);
  });

This will work

TestComponent.tsx

const TestComponent: FunctionComponent = () => {
	...
	return <div>...content...</div>
}

This won't work

TestComponent.tsx

const TestComponent: FunctionComponent = () => {
	const Another = lazy(() => import('../../AnotherComponent'));
	...
	return <div>...content...</div>
}

even if this imported component is not in use.

Btw, I have Suspense

const webpackOptions = {
  resolve: {
    extensions: ['.js', '.ts', '.tsx'],
    modules: [resolve(__dirname, 'src'), 'node_modules']
  },
  mode: 'development',
  devtool: false,
  output: {
    filename: 'bundle.js',
    path: resolve(__dirname, 'dist'),
    publicPath: '/'
  },
  module: {
    rules: [
      {
        test: /\.(ts|tsx)$/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              rootMode: 'upward'
            }
          }
        ],
        exclude: /node_modules/
      },
      {
        test: /\.css$/,
        use: ['style-loader', 'css-loader', 'postcss-loader']
      }
    ]
  }
};

Thanks!

[cya]

Please, let's close this ASAP, looks like PR is ready.
Thanks, @vtereshyn

[Wholteza]

I'm experiencing this exact issue.

For me this occur when i import a constant from a file that has a React.lazy import in it directly into my spec files.

is there any development on this?

[cypress-app-bot]

This issue has not had any activity in 180 days. Cypress evolves quickly and the reported behavior should be tested on the latest version of Cypress to verify the behavior is still occurring. It will be closed in 14 days if no updates are provided.