Component Dialog breaks the production build

[Zaid-maker]

i am getting this error when try to deploy my app it was working perfectly and when i add sheet component it breaks my app and giving this error, i tried delete and install the component as well but still didn't work

[Zaid-maker]

its working fine in dev mode but not in production

Edit: PR #1635 fix my issue, edit the component manually and production builds without any errors

[aashahin]

The solution is to delete the code lines in the picture and put this instead
const DialogPortal = DialogPrimitive.Portal;

[kanakkholwal]

This issue is exclusive with @radix-ui/react-alert-dialog version 1.0.5. What you can do is . delete your package-lock.json and change "@radix-ui/react-dialog": "^1.0.5", and "@radix-ui/react-alert-dialog": "^1.0.5" to

    "@radix-ui/react-alert-dialog": "1.0.4",
    "@radix-ui/react-dialog": "1.0.4",

Then run npm install

[Zaid-maker]

This issue is exclusive with @radix-ui/react-alert-dialog version 1.0.5. What you can do is . delete your package-lock.json and change "@radix-ui/react-dialog": "^1.0.5", and "@radix-ui/react-alert-dialog": "^1.0.5" to

    "@radix-ui/react-alert-dialog": "1.0.4",
    "@radix-ui/react-dialog": "1.0.4",

Then run npm install

OK I will give it a try

[Zaid-maker]

The solution is to delete the code lines in the picture and put this instead const DialogPortal = DialogPrimitive.Portal;

Yup, that's what exactly I do