Uncaught TypeError: Cannot read property 'className' of undefined

Nejc

Asked On November 18, 2019 11:28 AM UTC

I encountered a problem when I try to conditionally render some of your components: SwitchComponent, TextBoxComponent (maybe others too, haven't tried).

We are using redux and fetching some data over API. When data is loading we are displaying loader and when the data is fetched, I want to display a form including components mentioned above.

I can also reproduce the problem with code below:
Code

Error inside console:
https://www.dropbox.com/s/m9ofzgfjpzv72bm/Screenshot%202019-11-18%2011.25.28.png?dl=0

Any ideas how to resolve this?

Dependency versions:
https://www.dropbox.com/s/es4jzjsrt6yd2am/Screenshot%202019-11-18%2011.18.56.png?dl=0

EDIT:
Noticed the issue here: Switch component gets rendered the first time and on next re-render it's removed since loading is true. This is when the error is triggered.

Reply | Reply with quote

Arunkumar Devendiran [Syncfusion]

Replied On November 20, 2019 02:44 AM UTC

Hi Nejc,

Thank you for contacting Syncfusion support.

Before we start to work on this, we would like to know the following details,

1. Could you please confirm us in which case you are trying to destroy the switch?

2. If possible, please provide the issue replicated sample.

Could you please ensure the above details and get back to us with more information. The information provided would be great help for us to resolve your issue.

Regards,

Arunkumar D

Reply | Reply with quote

Christian

Replied On December 10, 2019 11:28 AM UTC

Hi,

I think we have the same problem in our enviroment (react-rouer/redux). If I switch the page by react-router the component is working, but if I refresh the page I will get an error for every ej2 react component:

Uncaught TypeError: Cannot read property 'className' of undefined at removeClass at SwitchComponent, DocumentEditor and more ...

The error is called in the destroy function under ej2-react-base.

I imported the same code like in the demos under as example https://ej2.syncfusion.com/react/documentation/document-editor/getting-started/#run-the-documenteditorcontainer-application

EDIT: I have found a similar ticket under https://www.syncfusion.com/feedback/9901/how-to-solve-uncaught-typeerror-cannot-use-in-operator-to-search-for-eventlist-in. Is this fixed or planed in a new release?

Reply | Reply with quote

Harini Chellappa [Syncfusion]

Replied On December 12, 2019 01:54 PM UTC

Hi Christian,

We are currently validating the reported scenario. Will update more details on this by Dec 16, 2019.

Regards,

Harini C

Reply | Reply with quote

Harini Chellappa [Syncfusion]

Replied On December 16, 2019 05:51 PM UTC

Hi Christian,

When navigating or refreshing the page, are you calling any refresh API or destroy API of the component?

When switching, will you create and destroy the components? Can please share the scenario to reproduce this console error in detail, so that we can check further and provide solution.

Regards,

Harini C

Reply | Reply with quote

Christian

Replied On January 13, 2020 11:00 AM UTC

Hi Harini,

sorry for the long time with no answer.

I'm not calling any API's or something only the document editor.

You will find the files in the appendix with error images.

Best regards,

Chris

Attachment: files_ee60a4df.zip

Reply | Reply with quote

Suriya Murugan [Syncfusion]

Replied On January 14, 2020 12:29 PM UTC

Hi Chris,

Thanks for sharing the information.

Currently, we are validating the provided details and update you more details on or before January 20,2020.

Regards,

Suriya M.

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
149192	Nov 18,2019 10:27 AM UTC	Jan 14,2020 12:29 PM UTC	React - EJ 2	6

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US