Conditional rendering throwing error - Uncaught TypeError: Cannot use 'in' operator to search for '__eventList' in undefined

[Nejc]

Hello.

We have encountered this issue when trying to conditionally render TextBoxComponent.

TextBoxComponent should be displayed only when certain conditions are met otherwise we should not render it.

Code basically looks something like this:

{!props.passwordRecovery.requestResetEmailLoaded && (

<TextBoxComponent

id="password"

name="password"

type="password"

placeholder={Localization.login.password_placeholder}

value={password}

input={(value) => setPassword(value)}

htmlAttributes={{ required: "true" }}

/>

)}

I am also attaching console for the full error log.

We are using latest npm version for all the packages - 18.1.42

Thanks!

Attachment: localhost1586254571593.log_cc18e8f3.zip

[Prince Oliver]

Hi Nejc, 

 

Thank you for contacting Syncfusion support. 

 

We suspect this issue might be occurred due to cache problem in your end. Try clearing your browser cache and deleting the node modules file before reinstall the packages. Also kindly follow the following documentation to update properly. 

 

Link: https://ej2.syncfusion.com/react/documentation/common/how-to/update-npm-package/?no-cache=1  

Kindly check the above suggestion and let us know if this resolves the issue in your end. 

Regards, 

Prince  

[Nejc]

Thanks for quick reply.

I did exactly that before posting here. Removed node_modules and package-lock file, reinstalled, also tried with update later. So this is result after a clean install on the latest version of syncfusion.
Also tested this in multiple browsers, same problems.

PS: Was this a known issue in the past and should already be resolved with newer version of the lib?
PS2: Also tested this on multiple machines, same issue. This is actually happening for all syncfusion components, not only TextBoxComponent.

[Sureshkumar P]

Hi Nejc 

 

Thanks for your update.  

 

We have validated the below listed Syncfusion components. but we could not able to replicate the reported issue from our end. We suspect that your old version cache will be maintained in your application. Please ensure once again to follow the below steps to get rid of your facing issue. 

 

1.     Delete the node_modules/@syncfusion folder 

2.     Delete package-lock.json file 

3.     Clear the cache using below command  

a.              npm cache clean --force 

4.     Install the latest package with using below documentation  

a.              https://ej2.syncfusion.com/react/documentation/common/how-to/update-npm-package/?no-cache=1  

5.     now rebuild your application and run the application 

 

if still you have facing the same issue then please revert us with issue replicate sample with detailed issue replication procedure. That will help us to provide exact solution as earlier as possible.  

 

We have tested the below components.  

1.     PDF Viewer 

2.     Dialog 

3.     Toast 

4.     Inplace-editor 

5.     splitter  

6.     RichtextEditor 

7.     diagram  

8.     barcode generator 

9.     pivot table control 

10.  chart 

11.  stock chart 

12.  rangeselector 

13.  bullet chart 

14.  Grid 

15.  TreeGrid 

16.  Textbox  

 

Regards, 

Sureshkumar P