TradingView chart UI button disappearing and inconsistent behavior when hosted on Amplify #14608
Description
Before opening, please confirm:
- I have searched for duplicate or closed issues and discussions.
- I have read the guide for submitting bug reports.
- I have done my best to include a minimal, self-contained set of instructions for consistently reproducing the issue.
JavaScript Framework
Next.js
Amplify APIs
Cache, Not applicable, Predictions
Amplify Version
v6
Amplify Categories
No response
Backend
None
Environment information
# Put output below this line
Describe the bug
We’re facing an issue with our dApp that includes a TradingView chart integration. The application works perfectly when hosted on Vercel, but when deployed to AWS Amplify, we experience inconsistent behavior in the UI.
Specifically, when we switch between the “Price” and “MCap” toggle buttons on the chart interface, the selected button disappears from the UI. This issue occurs only in the Amplify-hosted environment — the same build and codebase function properly and smoothly on Vercel, with no missing UI elements or lag.
** We’ve verified that:
**
- The build process (npm run build and npm run start) works locally without any issues.
- The problem reproduces only after deploying to Amplify.
- There are no errors in the browser console or Amplify logs related to rendering or scripts.
- TradingView widget assets are being served properly.
Actual Behavior:
On Amplify, clicking the toggle causes the selected button to disappear from the UI.
Environment Details:
- Framework: Next.js 14
- Hosting Provider: AWS Amplify
- Chart Library: TradingView Charting Library
- Node Version: [insert version used in Amplify build settings]
- Browser Tested: Chrome, Safari
Additional Notes:
- The issue appears related to Amplify’s hosting environment or caching of static assets.
- Performance on Amplify is also noticeably slower compared to Vercel.
Expected behavior
The toggle buttons (Price / MCap) should remain visible and functional when switching between chart modes, as they do in the local and Vercel environments.
Reproduction steps
- Deploy the dApp to AWS Amplify.
- Navigate to the chart page.
- Click between Price and MCap toggle buttons.
- Observe that the selected toggle disappears from the UI.
Code Snippet
// Put your code below this line.Log output
// Put your logs below this line
aws-exports.js
No response
Manual configuration
No response
Additional configuration
No response
Mobile Device
No response
Mobile Operating System
No response
Mobile Browser
No response
Mobile Browser Version
No response
Additional information and screenshots
No response