Use key to avoid data going out of date issues, with the first feature in the GeoJSON' intensity used as the key.

Author: jmsssc

frontend/src/component/Mapper/ClimateMap.tsx

@@ -1,6 +1,6 @@
 import * as turf from "@turf/turf";
 import { Modal } from "antd";
-import { useCallback, useEffect, useRef, useState } from "react";
+import { useCallback, useEffect, useState } from "react";
 import { GeoJSON, MapContainer, Pane } from "react-leaflet";
 import "leaflet/dist/leaflet.css";
 import L from "leaflet";
@@ -883,7 +883,7 @@ const ClimateMap = ({ onMount = () => true }) => {
 						`DEBUGYEARCHANGE: Temperature data length: ${temperatureData.length}`,
 					);
 					console.log(
-						`DEBUGYEARCHANGE: First temperature point:`,
+						"DEBUGYEARCHANGE: First temperature point:",
 						temperatureData[0],
 					);
 
@@ -901,9 +901,9 @@ const ClimateMap = ({ onMount = () => true }) => {
 					console.log(
 						`DEBUGYEARCHANGE: NUTS features count: ${nutsGeoJSON.features.length}`,
 					);
-					console.log(`DEBUGYEARCHANGE: NUTS extremes:`, extremes);
+					console.log("DEBUGYEARCHANGE: NUTS extremes:", extremes);
 					console.log(
-						`DEBUGYEARCHANGE: First NUTS feature:`,
+						"DEBUGYEARCHANGE: First NUTS feature:",
 						nutsGeoJSON.features[0],
 					);
 
@@ -951,9 +951,10 @@ const ClimateMap = ({ onMount = () => true }) => {
 		worldwideRegionsGeoJSON,
 		processingError,
 		loadworldwideRegions,
-		calculateRegionTemperature,
+		calculateRegionTemperatureWithCoords,
 		isPointInRegion,
 		sampleTemperatureData,
+		currentYear,
 	]);
 
 	// Cleanup timeouts on unmount

frontend/src/component/Mapper/utilities/GridToNutsConverter.ts

@@ -90,7 +90,9 @@ export class GridToNutsConverter {
 		return index;
 	}
 
-	private getPolygonBounds(polygon: any): {
+	private getPolygonBounds(
+		polygon: turf.Feature<turf.Polygon | turf.MultiPolygon>,
+	): {
 		minLat: number;
 		maxLat: number;
 		minLng: number;
@@ -205,7 +207,9 @@ export class GridToNutsConverter {
 		return nearestPoint;
 	}
 
-	private createPolygonFromFeature(feature: GeoJSONFeature): any {
+	private createPolygonFromFeature(
+		feature: GeoJSONFeature,
+	): turf.Feature<turf.Polygon | turf.MultiPolygon> | null {
 		try {
 			if (feature.geometry?.type === "Polygon") {
 				return turf.polygon((feature.geometry as Polygon).coordinates);