NPM versions conflict - Cannot read properties of undefined (reading 'classList')

Hi,

When having these dependencies :

"@syncfusion/ej2-base": "^20.2.48",
"@syncfusion/ej2-icons": "^20.2.45",
"@syncfusion/ej2-react-buttons": "^20.2.46",
"@syncfusion/ej2-react-dropdowns": "^20.2.48",
"@syncfusion/ej2-react-grids": "^20.2.49",
"@syncfusion/ej2-react-layouts": "^20.2.46",
"@syncfusion/ej2-react-navigations": "^20.2.49",
"@syncfusion/ej2-react-notifications": "^20.2.45",
"@syncfusion/ej2-react-popups": "^20.2.49",
"@syncfusion/ej2-react-richtexteditor": "^20.2.50",

For some reasons sometimes the package.json in /node_modules/@syncfusion/ej2-react-dropdowns has this dependency

"@syncfusion/ej2-dropdowns": "20.2.50",

instead of

"@syncfusion/ej2-dropdowns": "20.2.48",

When it's ej2-dropdowns 20.2.50, I have the following error :

Uncaught TypeError: Cannot read properties of undefined (reading 'classList')

    at Object.createSpanElement (input.js:712:35)

    at MultiSelect2.render (multi-select.js:3845:15)

    at MultiSelectComponent2.render (multiselect.component.js:35:37)

    at Component2.appendTo (component.js:185:18)

    at ComponentBase2.renderReactComponent (component-base.js:70:18)

    at ComponentBase2.componentDidMount (component-base.js:51:14)

    at commitLayoutEffectOnFiber (react-dom.development.js:23305:30)



1 Reply 1 reply marked as answer

UD UdhayaKumar Duraisamy Syncfusion Team October 2, 2022 06:10 AM UTC

Hi Julien,


This is already a known issue from our end. The fix for the issue is included in the volume 3 release. So, we suggest you upgrade your packages to the latest version (The current latest version is 20.3.47) to resolve the reported issue on your end. Please refer to the below sample for more details.


Sample : https://stackblitz.com/edit/react-gymy8p?file=index.js


Regards,

Udhaya Kumar D


Marked as answer
Loader.
Up arrow icon