Migration from CRA - Uncaught ReferenceError: _Lock__WEBPACK_IMPORTED_MODULE_1__ is not defined

[maxim-semikov]

Hello!
I want to try migrate from CRA. So I decided create new project and try to do it.
I used UUI lib: https://github.com/epam/UUI
For starting I used template: yarn create react-app my-app --template @epam/uui
Than I used this guide: https://rsbuild.dev/guide/migration/cra

There isn't any warnings or errors in console for dev mode
But for build and than preview I got an error:

this is my rsbuild.config.ts

export default defineConfig({
  plugins: [pluginReact(), pluginSvgr()],
  html: {
    template: "./public/index.html",
  },
  server: {
    port: 3000,
  },
  source: {
    define: publicVars,
  },
  performance: {
    chunkSplit: {
      strategy: "split-by-module",
    },
  },
});

maybe someone know that I did wrong?

[xc2]

it might be a treeshaking bug.

pls try out the new treeshaking implementation with

// rsbuild.config.ts
{
  tools: {
    rspack: {
      experiments: {
        rspackFuture: { newTreeshaking: true },
      },
    },
  },
}

or the workaround:

import {FocusLockUI} from "react-focus-lock";
console.log(FocusLockUI);

reference: https://discord.com/channels/977448667919286283/1209798834767667230

[maxim-semikov]

Thanks!
It works with new treeshaking

[chenjiahan]

We will enable the new treeshaking by default in Rspack / Rsbuild soon. 😄