furyhawk/home_stack
1
0
Fork 0
mirror of https://github.com/furyhawk/home_stack.git synced 2026-07-21 02:06:47 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fix WeatherMap lazy loading conflict: Import directly instead of lazy-loading

Browse Source
This commit is contained in:
furyhawk
2026-04-23 21:29:52 +08:00
parent 30bcb50cba
commit a54e5bf0b6
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/routes/_layout/weather-hub.tsx
+4 -4
View File
@@ -8,7 +8,9 @@ const AirTemperature = React.lazy(() => import('@/components/weather/AirTemperat
const FourDayOutlook = React.lazy(() => import('@/components/weather/FourDayOutlook'));
const WeatherStatistics = React.lazy(() => import('@/components/weather/WeatherStatistics'));
const WindDirection = React.lazy(() => import('@/components/weather/WindDirection'));
const WeatherMap = React.lazy(() => import('@/components/weather/WeatherMap'));
// Note: WeatherMap is NOT lazy-loaded here because it's directly imported by TwoHourForecast
// Lazy-loading it here would cause React to treat it as a different component instance
import WeatherMap from '@/components/weather/WeatherMap';
const tabValues = {
twoHour: 'twoHourForecast',
@@ -71,9 +73,7 @@ function WeatherHub() {
</React.Suspense>
</ChakraTabs.Content>
<ChakraTabs.Content value={tabValues.weatherMap}>
<React.Suspense fallback={<Box>Loading map...</Box>}>
<WeatherMap />
</React.Suspense>
<WeatherMap />
</ChakraTabs.Content>
</ChakraTabs.ContentGroup>
</ChakraTabs.Root>