🐛 Bug Fixes
Dashboard Graph Re-rendering Issue
Fixed an issue where dashboard graphs were re-rendering every 2-3 seconds instead of only during the configured 30-second data refresh interval.
Problem: The App.tsx component has a 1-second interval timer for updating message status indicators, which was causing unnecessary re-renders of all child components including the Dashboard.
Solution: Wrapped the Dashboard component with React.memo() to prevent re-renders when props haven't changed. Graphs now only re-render when:
- Props actually change (
temperatureUnit,telemetryHours,baseUrl) - Data is refreshed (every 30 seconds)
This significantly improves dashboard performance and reduces unnecessary CPU/GPU usage when viewing telemetry graphs.
📦 Changes
- Wrapped Dashboard component with React.memo for performance optimization
- Added displayName to Dashboard component for better debugging
🔗 Pull Request
Full Changelog: v1.11.2...v1.11.3
🚀 MeshMonitor v1.11.3
📦 Installation
Docker (recommended):
docker run -d \
--name meshmonitor \
-p 8080:3001 \
-v meshmonitor-data:/data \
ghcr.io/Yeraze/meshmonitor:v1.11.3🧪 Testing
✅ All tests passed
✅ TypeScript checks passed
✅ Docker images built for linux/amd64, linux/arm64, linux/arm/v7
📋 Changes
See commit history for detailed changes.