Can not import `bpfrpt_proptype_WindowScroller` when using PhoneInput component

Current Behavior

I am using vite@^2.0.5 (which is using Rollup) and when I import PhoneInput component, it fail to build.

10:03:50 PM [vite] new dependencies found: baseui/phone-input, updating...
 > node_modules/baseui/node_modules/react-virtualized/dist/es/WindowScroller/utils/onScroll.js:74:9: error: No matching export in "node_modules/baseui/node_modules/react-virtualized/dist/es/WindowScroller/WindowScroller.js" for import "bpfrpt_proptype_WindowScroller"
    74 │ import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";
       ╵          ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Expected Behavior

The build stage should be done perfectly.

Your Environment

Tech	Version
Base UI	v9.111.2
React	v17.0.0
Vite	v2.0.5

I have searched the issues of this repository and believe that this is not a duplicate.

Issue Analytics

State:
Created 3 years ago
Reactions:4
Comments:7

Top GitHub Comments

3reactions

shunyue1320commented, Sep 1, 2022

vite.config.ts

export default defineConfig({
  plugins: [ reactVirtualized() ], // add
}

const WRONG_CODE = `import { bpfrpt_proptype_WindowScroller } from "../WindowScroller.js";`;
export function reactVirtualized() {
  return {
    name: "my:react-virtualized",
    configResolved() {
      const file = require
        .resolve("react-virtualized")
        .replace(
          path.join("dist", "commonjs", "index.js"),
          path.join("dist", "es", "WindowScroller", "utils", "onScroll.js"),
        );
      const code = fs.readFileSync(file, "utf-8");
      const modified = code.replace(WRONG_CODE, "");
      fs.writeFileSync(file, modified);
    },
  }
}

2reactions

koytacommented, Sep 1, 2022

@shunyue1320 what is WRONG_CODE? 🤔