front: turn on @typescript-eslint/no-unsafe-call lint

Part of #8772 See https://typescript-eslint.io/rules/no-unsafe-call/ Signed-off-by: Simon Ser <[email protected]>
OpenRailAssociation · Sep 24, 2024 · bccd311 · bccd311
1 parent f4ddc9d
commit bccd311
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 8 deletions.
diff --git a/front/.eslintrc b/front/.eslintrc
@@ -45,6 +45,7 @@
     "@typescript-eslint/no-use-before-define": "error",
     "@typescript-eslint/no-unnecessary-type-assertion": "error",
     "@typescript-eslint/no-unsafe-return": "error",
+    "@typescript-eslint/no-unsafe-call": "error",
 
     "@typescript-eslint/ban-types": [
       "error",

diff --git a/front/src/applications/editor/components/LinearMetadata/FormComponent.tsx b/front/src/applications/editor/components/LinearMetadata/FormComponent.tsx
@@ -41,7 +41,9 @@ export type FormContext = {
   isCreation: boolean;
 };
 
-const IntervalEditorComponent = (props: FieldProps<GeoJsonProperties, RJSFSchema, FormContext>) => {
+const IntervalEditorComponent = (
+  props: FieldProps<LinearMetadataItem[], RJSFSchema, FormContext>
+) => {
   const { name, formContext, formData, schema, onChange, registry } = props;
   const { openModal, closeModal } = useModal();
   const { t } = useTranslation();
@@ -421,7 +423,7 @@ const IntervalEditorComponent = (props: FieldProps<GeoJsonProperties, RJSFSchema
   );
 };
 
-export const FormComponent = (props: FieldProps<GeoJsonProperties, RJSFSchema, FormContext>) => {
+export const FormComponent = (props: FieldProps<unknown, RJSFSchema, FormContext>) => {
   const { name, formContext, schema, registry } = props;
   const Fields = getDefaultRegistry().fields;
 
@@ -471,10 +473,15 @@ export const FormComponent = (props: FieldProps<GeoJsonProperties, RJSFSchema, F
         jsonSchema={jsonSchema}
         distance={distance}
         requiredFilter={requiredFilter}
-        {...props}
+        {...(props as FieldProps<LinearMetadataItem[], RJSFSchema, FormContext>)}
       />
     );
-  return <Fields.ArrayField {...props} schema={jsonSchema} />;
+  return (
+    <Fields.ArrayField
+      {...(props as FieldProps<GeoJsonProperties, RJSFSchema, FormContext>)}
+      schema={jsonSchema}
+    />
+  );
 };
 
 export default FormComponent;
diff --git a/front/src/modules/simulationResult/components/ChartHelpers/enableInteractivity.tsx b/front/src/modules/simulationResult/components/ChartHelpers/enableInteractivity.tsx
@@ -1,6 +1,6 @@
 import * as d3 from 'd3';
 import { pointer } from 'd3-selection';
-import { zoom as d3zoom } from 'd3-zoom';
+import { zoom as d3zoom, type D3ZoomEvent } from 'd3-zoom';
 import { mapValues } from 'lodash';
 
 import {
@@ -282,8 +282,9 @@ export const enableInteractivity = <
     ])
     .wheelDelta(wheelDelta)
     // Allows evenements to be triggered on zoom and drag interactions for all graphs
-    .on('zoom', (event) => {
-      event.sourceEvent.preventDefault();
+    .on('zoom', (event: D3ZoomEvent<Element, ConsolidatedRouteAspect>) => {
+      const { sourceEvent }: { sourceEvent: Event } = event;
+      sourceEvent.preventDefault();
       const updatedAxis = updateChart(chart, keyValues, additionalValues, rotate, event);
       // Overide axis with new ones from updated chart
       const newChart = {
@@ -357,7 +358,7 @@ export const enableInteractivity = <
   chart.svg
     .on('mouseover', () => displayGuide(chart, 1))
     .on('mousemove', mousemove)
-    .on('wheel', (event) => {
+    .on('wheel', (event: WheelEvent) => {
       if (event.ctrlKey || event.shiftKey) {
         event.preventDefault();
       }