Uncaught TypeError: Cannot read property 'className' of undefined

[Nejc]

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.

[Arunkumar Devendiran]

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 

[Christian]

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?

[Harini Chellappa]

Hi Christian,

 

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

 

Regards,

Harini C 

[Harini Chellappa]

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

[Christian]

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

[Suriya Murugan]

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. 

[Amarender Tangella]

@ Syncfusion Team Any updates on this?

[Suriya Murugan]

Hi Amarender, 

Can you please confirm still facing issue in latest version(19.2.51) and check this by upgrading your packages to latest version? 

https://www.npmjs.com/package/@syncfusion/ej2-react-documenteditor 

If yes, please share the video representation of the issue, that will be helpful for us to proceed further and provide you solution at earliest. 

Regards, 

Suriya M.