Intermittent 'Cannot read properties of undefined' Errors When Quickly Navigating Between Views

[carlos-cruz-longport]

When quickly navigating between views that contain JsCharting graphs in a React application, intermittent errors are generated in the browser console. The specific errors are:

1. Cannot read properties of undefined (reading 'renderer')
2. Cannot read properties of undefined (reading 'series')

These errors do not always appear at the same time and seem to be related to the recent startup of the app or clearing of the cache.

Steps to reproduce

1. Launch the application with the view containing JsCharting graphs.
2. Quickly navigate between different tabs or views in the application.
3. Check the browser console for errors.

Environment

• Library: JsCharting-React
• Observed in: Google Chrome (Version 129.0.6668.90, 32-bit)
• Operating System: Windows 11
• Conditions: Occurs after starting the application container or clearing the browser cache.

Additional observations

• The errors are intermittent and do not appear on every rapid navigation.
• The issue only occurs when the application is loaded for the first time or after clearing the browser cache.
• There is no visible loss of functionality in the graphs, but the console errors may confuse developers.

Impact
While the graphs seem to load correctly, these console errors may affect the user experience by causing delays in rendering or unexpected behaviors in certain scenarios.