Fix React hooks error: Remove React.memo and add lazyMount/unmountOnExit to tabs

This commit is contained in:
2026-04-23 21:22:13 +08:00
parent d5c48cba3a
commit 30bcb50cba
4 changed files with 4 additions and 4 deletions
@@ -73,4 +73,4 @@ const AirTemperature: React.FC = () => {
);
};
export default React.memo(AirTemperature);
export default AirTemperature;
@@ -79,4 +79,4 @@ const TwoHourForecast: React.FC = () => {
);
};
export default React.memo(TwoHourForecast);
export default TwoHourForecast;
@@ -275,4 +275,4 @@ const WeatherMap: React.FC<{ forecastData?: ApiNestedResponse<TwoHourForecastPay
);
};
export default React.memo(WeatherMap);
export default WeatherMap;
+1 -1
View File
@@ -34,7 +34,7 @@ function WeatherHub() {
<Separator my={4} />
</Box>
<ChakraTabs.Root variant="enclosed" colorScheme="blue" defaultValue={tabValues.twoHour}>
<ChakraTabs.Root variant="enclosed" colorScheme="blue" defaultValue={tabValues.twoHour} lazyMount unmountOnExit>
<ChakraTabs.List>
<ChakraTabs.Trigger value={tabValues.twoHour}>2-Hour Forecast</ChakraTabs.Trigger>
<ChakraTabs.Trigger value={tabValues.airTemp}>Air Temperature</ChakraTabs.Trigger>