search

telerik / kendo-react

Issue tracker - KendoReact http://www.telerik.com/kendo-react-ui/
https://kendo-react-teal.vercel.app
Other
212 stars 36 forks source link

v7.x and v8.x throw "TypeError: _kendoReactCommon.withIdHOC is not a function" when using parcel #2390

Open shanekunz opened 1 month ago

shanekunz commented 1 month ago

I'm submitting a...

Current behavior

Last v6 works, latest v7.x and v8.x does not.

Expected behavior

most recent versions should work.

Minimal reproduction of the problem with instructions

Set your kendo packages to the latest v6 versions. import { TabStrip, TabStripTab } from "@progress/kendo-react-layout"; use the TabStrip in your React app. Use parcel to serve/bundle your React app parcel serve src/index.html --port 3000 --no-cache Notice it works. Then upgrade the kendo packages to v8. You'll see an error:

image

What is the motivation or use case for changing the behavior?

Cannot upgrade to latest version, will fall behind on updates.

Environment

Package versions:

├── @analytics/google-tag-manager@0.5.5
├── @fortawesome/fontawesome-pro@5.15.4
├── @fortawesome/fontawesome-svg-core@1.2.36
├── @fortawesome/free-brands-svg-icons@5.15.4
├── @fortawesome/free-regular-svg-icons@5.15.4
├── @fortawesome/free-solid-svg-icons@5.15.4
├── @fortawesome/pro-duotone-svg-icons@5.15.4
├── @fortawesome/pro-light-svg-icons@5.15.4
├── @fortawesome/pro-regular-svg-icons@5.15.4
├── @fortawesome/pro-solid-svg-icons@5.15.4
├── @fortawesome/react-fontawesome@0.2.2
├── @parcel/optimizer-cssnano@2.12.0
├── @parcel/packager-raw-url@2.12.0
├── @parcel/transformer-inline-string@2.12.0
├── @parcel/transformer-sass@2.12.0
├── @parcel/transformer-webmanifest@2.12.0
├── @popperjs/core@2.11.8
├── @progress/kendo-drawing@1.20.1
├── @progress/kendo-licensing@1.3.5
├── @progress/kendo-react-buttons@8.1.1
├── @progress/kendo-react-intl@8.1.1
├── @progress/kendo-react-layout@8.1.1
├── @progress/kendo-react-pdf@8.1.1
├── @progress/kendo-react-progressbars@8.1.1
├── @react-google-maps/api@2.19.3
├── analytics@0.8.13
├── axios@0.28.1
├── bootstrap@5.3.3
├── buffer@6.0.3
├── dotenv@16.4.5
├── html-react-parser@1.4.14
├── npm-overlapping-marker-spiderfier@1.0.3
├── parcel@2.12.0
├── process@0.11.10
├── react-bootstrap@2.10.4
├── react-dom@18.3.1
├── react-geocode@0.2.3
├── react-google-autocomplete@2.7.3
├── react-imask@7.6.1
├── react-portal@4.2.2
├── react-shadow-root@6.2.0
├── react@18.3.1
└── uuid@10.0.0

Browser:

it's a node.js level issue when parcel bundles, browser is probably not relevant

System:

PaskalevStoyan commented 1 month ago

Hello @shanekunz,

Thanks for bringing this to our attention. I managed to reproduce this behaviour with the provided versions for Parcel and KendoReact. We will do our best to fix this as soon as possible