Use stricter typescript options

backend/tsconfig.json

@@ -16,6 +16,10 @@
     "noImplicitAny": false,
     "strictBindCallApply": false,
     "forceConsistentCasingInFileNames": false,
-    "noFallthroughCasesInSwitch": false
-  }
+    "noFallthroughCasesInSwitch": false,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
+    "strict": true,
+  },
 }

frontend/src/Components/Conditions/ConditionsMap.tsx

@@ -1,7 +1,7 @@
 import { useEffect, useRef, useState } from 'react';
 import ReactSlider from 'react-slider';
 
-import { MapContainer, TileLayer, ScaleControl, GeoJSON } from 'react-leaflet';
+import { GeoJSON, MapContainer, ScaleControl, TileLayer } from 'react-leaflet';
 import { Layer, PathOptions } from 'leaflet';
 
 import { Feature, FeatureCollection } from 'geojson';
@@ -79,6 +79,7 @@ const noToYearMonth = (
     const years = Math.floor((month - 1) / 12);
     return { year: dateRange.start.year + years, month: normalizedMonth };
   }
+  return undefined;
 };
 
 const yearMonthtoText = (yearMonth: YearMonth | undefined): string => {

frontend/src/Components/Map/Hooks/useMapBounds.tsx

@@ -1,4 +1,4 @@
-import { LatLngBounds, Map } from 'leaflet';
+import { LatLngBounds } from 'leaflet';
 import { useState } from 'react';
 import { useMapEvents } from 'react-leaflet';
 

frontend/src/Components/Map/MapWrapper.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import MapWrapper from './MapWrapper';
 

frontend/src/Components/Navbar.test.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import { render, screen } from '@testing-library/react';
 import Navbar from './Navbar';
 import { BrowserRouter as Router } from 'react-router-dom';

frontend/src/index.tsx

@@ -1,4 +1,3 @@
-import React from 'react';
 import App from './App';
 import { createRoot } from 'react-dom/client';
 

frontend/src/mocks/reactLeafletMock.tsx

@@ -1,5 +1,3 @@
-import React from 'react';
-
 function MapContainer(props: any) {
   const { children } = props;
 

frontend/src/models/renderers.ts

@@ -1,8 +1,7 @@
-import { FC, ReactElement, ReactNode } from 'react';
-import { Hotline, Palette } from 'react-leaflet-hotline';
+import { FC } from 'react';
+import { Palette } from 'react-leaflet-hotline';
 import { LeafletEvent, LeafletEventHandlerFnMap } from 'leaflet';
-import { LatLng } from './models';
-import { Path, Bounds } from './path';
+import { Bounds, Path } from './path';
 import { PathProperties, RendererOptions } from './properties';
 import { HEATMAP_OPTIONS, RENDERER_PALETTE } from '../Components/Map/constants';
 

frontend/tsconfig.json

@@ -14,7 +14,10 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "noEmit": true,
-    "jsx": "react-jsx"
+    "jsx": "react-jsx",
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "noImplicitReturns": true,
   },
   "include": ["src"]
 }