React App Build Failed (Cannot read properties of undefined (reading 'constantViolations'))

[seeratawan01]

What package has an issue

@mantine/core

Describe the bug

React app is working fine in dev mode, but with build command I'm getting this error. I created the simple react app with CRA and added mantine and typescript after that. Wrapped the component in MantineProvider and try to build the app with npm run build and this error is failing the build process.

@floating-ui is being used by Mantine internally so I think it's due to mantine.

app.tsx

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": "src",
    "target": "es5",
    "lib": [
      "dom",
      "dom.iterable",
      "esnext"
    ],
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "allowSyntheticDefaultImports": true,
    "strict": true,
    "forceConsistentCasingInFileNames": true,
    "noFallthroughCasesInSwitch": true,
    "module": "esnext",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "isolatedModules": true,
    "noEmit": true,
    "jsx": "react-jsx"
  },
  "include": ["src"]
}

What version of @mantine/hooks page do you have in package.json?

5.9.5

If possible, please include a link to a codesandbox with the reproduced problem

No response

Do you know how to fix the issue

No

Are you willing to participate in fixing this issue and create a pull request with the fix

None

Possible fix

No response

[seeratawan01]

babel/babel#15300 this issue is from babel side and not fixed yet.

[rtivital]

The issue is with your build system, applications with @mantine packages build correctly with other bundlers. I advise using vite instead of CRA.