React Trading Data Loader Fix

I recently swapped the market-data API in my React trading platform and ever since, the very first load shows an empty symbol list and a blank price chart. A browser refresh eventually pulls everything in, so the issue is clearly tied to the app’s initial data-hydration flow.

Your task is to step in quickly, study the new API documentation, and make the first render behave exactly like every subsequent refresh:

• Price list and candle/line chart should populate the moment the app mounts, with no manual reload needed.
• Live, real-time updates pushed by the new API must remain intact once the initial data arrives.
• The fix should be clean, well-commented React/JavaScript and delivered as a pull request (or patch) plus a short changelog so I can trace what you altered.

This is an urgent job, so I’m looking for someone comfortable debugging WebSocket or REST handshakes, race conditions, and state-management timing issues common in trading UIs. If you’ve worked with market feeds before, you’ll have a head start. My budget is flexible for the right turnaround time and quality.