From 92ac697a46456cfa6f56c2dc478c415f27ba934b Mon Sep 17 00:00:00 2001
From: Ivan Gabriele <ivan.gabriele@protonmail.com>
Date: Wed, 4 Sep 2024 12:51:13 +0200
Subject: [PATCH] Fix lint errors following dev-deps upgrade in Frontend

---
 .../cypress/e2e/sidebars/custom_zones.spec.ts |  2 +-
 .../e2e/sidebars/regulatory_layers.spec.ts    |  6 ++---
 frontend/src/api/alert.ts                     |  4 ++--
 .../entities/beaconMalfunction/index.ts       |  6 ++---
 .../controlUnits/__tests__/utils.test.ts      |  2 +-
 frontend/src/domain/entities/controls.ts      | 16 +++++++-------
 .../ExportActivityReportsDialog/csvMap.ts     |  6 ++---
 .../regulatory_text/RegulatoryText.tsx        |  2 +-
 .../FleetSegmentsBackoffice/index.tsx         |  8 +++----
 .../useCases/computeFleetSegments.ts          |  6 ++---
 .../EditInterestPoint.tsx                     |  2 +-
 .../InterestPointMapButton/index.tsx          |  2 +-
 .../features/Logbook/__tests__/utils.test.ts  | 14 ++++++------
 .../LogbookMessageResumeHeader.tsx            |  4 ++--
 .../VesselLogbook/LogbookSummary/utils.ts     |  2 +-
 frontend/src/features/MainWindow/index.tsx    |  2 +-
 .../components/MeasurementMapButton/index.tsx |  4 ++--
 frontend/src/features/Mission/features.ts     |  4 ++--
 .../SelectedMissionActionsLayer/index.tsx     |  6 ++---
 .../IdentificationDisplayed.tsx               | 10 ++++-----
 .../SpeciesRegulationDisplayed.tsx            |  8 +++----
 .../PendingAlertRow.tsx                       |  4 ++--
 .../SilencedAlerts/fields/VesselField.tsx     | 22 +++++++++----------
 .../SideWindow/Alert/SilencedAlerts/index.tsx |  8 +++----
 .../SideWindow/Alert/SilencedAlerts/utils.ts  |  8 +++----
 .../VesselStatusSelect.tsx                    |  6 ++---
 .../resume/BeaconMalfunctionCard.tsx          |  2 +-
 .../features/VesselSidebar/Identity/index.tsx |  4 ++--
 .../actions/TrackRequest/DateRange.tsx        |  2 +-
 .../actions/TrackRequest/index.tsx            |  2 +-
 .../actions/VesselSidebarActionButton.tsx     |  8 +++----
 .../risk_factor/RiskFactorBox.tsx             |  2 +-
 .../commonStyles/Backoffice.style.tsx         |  2 +-
 .../src/features/map/layers/styles/utils.ts   |  2 +-
 frontend/src/hooks/useTable/TableHead.tsx     |  6 ++---
 frontend/src/hooks/useTable/TableHeadNext.tsx |  2 +-
 frontend/src/hooks/useTable/index.tsx         |  8 +++----
 frontend/src/utils.ts                         |  2 +-
 .../src/workers/hooks/useGetServiceWorker.tsx |  2 +-
 39 files changed, 104 insertions(+), 104 deletions(-)

diff --git a/frontend/cypress/e2e/sidebars/custom_zones.spec.ts b/frontend/cypress/e2e/sidebars/custom_zones.spec.ts
index 5ccb4d710c..c2e2e6dfcd 100644
--- a/frontend/cypress/e2e/sidebars/custom_zones.spec.ts
+++ b/frontend/cypress/e2e/sidebars/custom_zones.spec.ts
@@ -26,7 +26,7 @@ context('Sidebars > Custom Zones', () => {
     cy.get('*[data-cy="custom-zone-display-button"]')
       .click()
       .then(() => {
-        const customZonesItem = JSON.parse(localStorage.getItem(CUSTOM_ZONES_LOCALSTORAGE_KEY) || '')
+        const customZonesItem = JSON.parse(localStorage.getItem(CUSTOM_ZONES_LOCALSTORAGE_KEY) ?? '')
         const zones = JSON.parse(customZonesItem.zones)
         expect(zones['b2f8aea3-7814-4247-98fa-ddc58c922d09'].isShown).equal(false)
       })
diff --git a/frontend/cypress/e2e/sidebars/regulatory_layers.spec.ts b/frontend/cypress/e2e/sidebars/regulatory_layers.spec.ts
index c2594cbc9c..f0e3c94b4b 100644
--- a/frontend/cypress/e2e/sidebars/regulatory_layers.spec.ts
+++ b/frontend/cypress/e2e/sidebars/regulatory_layers.spec.ts
@@ -373,7 +373,7 @@ context('Sidebars > Regulatory Layers', () => {
 
     cy.cleanScreenshots(1)
     cy.getAllLocalStorage().then(localStorage => {
-      expect(localStorage.homepagelayersShowedOnMap || '').to.be.empty
+      expect(localStorage.homepagelayersShowedOnMap ?? '').to.be.empty
     })
 
     // When
@@ -383,7 +383,7 @@ context('Sidebars > Regulatory Layers', () => {
       .eq(0)
       .click({ force: true, timeout: 10000 })
       .then(() => {
-        const showedLayers = JSON.parse(localStorage.getItem('homepagelayersShowedOnMap') || '')
+        const showedLayers = JSON.parse(localStorage.getItem('homepagelayersShowedOnMap') ?? '')
         expect(showedLayers).length(1)
         expect(showedLayers[0].type).equal('eez_areas')
       })
@@ -409,7 +409,7 @@ context('Sidebars > Regulatory Layers', () => {
     cy.get('*[data-cy="administrative-zones-open"]')
       .click({ force: true, timeout: 10000 })
       .then(() => {
-        const showedLayers = JSON.parse(localStorage.getItem('homepagelayersShowedOnMap') || '')
+        const showedLayers = JSON.parse(localStorage.getItem('homepagelayersShowedOnMap') ?? '')
         expect(showedLayers).length(1)
         expect(showedLayers[0].type).equal('eez_areas')
       })
diff --git a/frontend/src/api/alert.ts b/frontend/src/api/alert.ts
index 1b8acf892e..8b4ccde27a 100644
--- a/frontend/src/api/alert.ts
+++ b/frontend/src/api/alert.ts
@@ -84,8 +84,8 @@ async function silenceAlertFromAPI(
   silencedAlertPeriodRequest: SilencedAlertPeriodRequest
 ): Promise<LEGACY_SilencedAlert> {
   // TODO Normalize this data before calling the api service rather than here.
-  const silencedAlertPeriod = silencedAlertPeriodRequest.silencedAlertPeriod || ''
-  const beforeDateTime = silencedAlertPeriodRequest.beforeDateTime?.toISOString() || ''
+  const silencedAlertPeriod = silencedAlertPeriodRequest.silencedAlertPeriod ?? ''
+  const beforeDateTime = silencedAlertPeriodRequest.beforeDateTime?.toISOString() ?? ''
 
   try {
     return await monitorfishApiKy
diff --git a/frontend/src/domain/entities/beaconMalfunction/index.ts b/frontend/src/domain/entities/beaconMalfunction/index.ts
index 006c0c2377..a58025bcfd 100644
--- a/frontend/src/domain/entities/beaconMalfunction/index.ts
+++ b/frontend/src/domain/entities/beaconMalfunction/index.ts
@@ -26,7 +26,7 @@ function getYearsToBeaconMalfunctions(
     if (beaconMalfunction.beaconMalfunction?.malfunctionStartDateTime) {
       const year = new Date(beaconMalfunction.beaconMalfunction?.malfunctionStartDateTime).getUTCFullYear()
 
-      nextYearsToBeaconMalfunctions[year] = nextYearsToBeaconMalfunctions[year]?.concat(beaconMalfunction) || [
+      nextYearsToBeaconMalfunctions[year] = nextYearsToBeaconMalfunctions[year]?.concat(beaconMalfunction) ?? [
         beaconMalfunction
       ]
     }
@@ -118,12 +118,12 @@ const getMalfunctionStartDateText = (beaconMalfunction: BeaconMalfunction) => {
     switch (beaconMalfunction.endOfBeaconMalfunctionReason) {
       case END_OF_MALFUNCTION_REASON_RECORD.RESUMED_TRANSMISSION.value:
         return `Reprise des émissions ${
-          (beaconMalfunction.malfunctionEndDateTime && getReducedTimeAgo(beaconMalfunction.malfunctionEndDateTime)) ||
+          (beaconMalfunction.malfunctionEndDateTime && getReducedTimeAgo(beaconMalfunction.malfunctionEndDateTime)) ??
           ''
         }`.trim()
       case END_OF_MALFUNCTION_REASON_RECORD.BEACON_DEACTIVATED_OR_UNEQUIPPED.value:
         return `Balise désactivée ${
-          (beaconMalfunction.malfunctionEndDateTime && getReducedTimeAgo(beaconMalfunction.malfunctionEndDateTime)) ||
+          (beaconMalfunction.malfunctionEndDateTime && getReducedTimeAgo(beaconMalfunction.malfunctionEndDateTime)) ??
           ''
         }`.trim()
       default:
diff --git a/frontend/src/domain/entities/controlUnits/__tests__/utils.test.ts b/frontend/src/domain/entities/controlUnits/__tests__/utils.test.ts
index ac837c7ed3..fa926183d5 100644
--- a/frontend/src/domain/entities/controlUnits/__tests__/utils.test.ts
+++ b/frontend/src/domain/entities/controlUnits/__tests__/utils.test.ts
@@ -1,7 +1,7 @@
 import { describe, expect, it } from '@jest/globals'
 
-import { dummyControlUnits } from './__mock__/controlUnits'
 import { getControlUnitsOptionsFromControlUnits } from '../utils'
+import { dummyControlUnits } from './__mock__/controlUnits'
 
 describe('controlUnits/utils', () => {
   it('getControlUnitsOptionsFromControlUnits Should return active control units', async () => {
diff --git a/frontend/src/domain/entities/controls.ts b/frontend/src/domain/entities/controls.ts
index e7241e6e72..e8b1d18ccd 100644
--- a/frontend/src/domain/entities/controls.ts
+++ b/frontend/src/domain/entities/controls.ts
@@ -81,10 +81,10 @@ export const getNumberOfInfractions = (
   }
 
   return (
-    (control.gearInfractions?.length || 0) +
-    (control.logbookInfractions?.length || 0) +
-    (control.speciesInfractions?.length || 0) +
-    (control.otherInfractions?.length || 0)
+    (control.gearInfractions?.length ?? 0) +
+    (control.logbookInfractions?.length ?? 0) +
+    (control.speciesInfractions?.length ?? 0) +
+    (control.otherInfractions?.length ?? 0)
   )
 }
 
@@ -101,10 +101,10 @@ export const getNumberOfInfractionsWithRecord = (
   const infractionWithRecordFilter = infraction => infraction.infractionType === InfractionType.WITH_RECORD
 
   return (
-    (control.gearInfractions?.filter(infractionWithRecordFilter).length || 0) +
-    (control.logbookInfractions?.filter(infractionWithRecordFilter).length || 0) +
-    (control.speciesInfractions?.filter(infractionWithRecordFilter).length || 0) +
-    (control.otherInfractions?.filter(infractionWithRecordFilter).length || 0)
+    (control.gearInfractions?.filter(infractionWithRecordFilter).length ?? 0) +
+    (control.logbookInfractions?.filter(infractionWithRecordFilter).length ?? 0) +
+    (control.speciesInfractions?.filter(infractionWithRecordFilter).length ?? 0) +
+    (control.otherInfractions?.filter(infractionWithRecordFilter).length ?? 0)
   )
 }
 
diff --git a/frontend/src/features/ActivityReport/components/ExportActivityReportsDialog/csvMap.ts b/frontend/src/features/ActivityReport/components/ExportActivityReportsDialog/csvMap.ts
index 25750dc6db..fb1f7fc93a 100644
--- a/frontend/src/features/ActivityReport/components/ExportActivityReportsDialog/csvMap.ts
+++ b/frontend/src/features/ActivityReport/components/ExportActivityReportsDialog/csvMap.ts
@@ -71,7 +71,7 @@ export const JDP_CSV_MAP_BASE: DownloadAsCsvMap<ActivityReportWithId> = {
   },
   objectState: {
     label: 'OBJECT_STATE',
-    transform: activity => toAlpha3(activity.vessel.flagState) || 'UNK'
+    transform: activity => toAlpha3(activity.vessel.flagState) ?? 'UNK'
   },
   vesselNationalIdentifier: 'OBJECT_NATIONAL_ID',
   'vessel.ircs': 'RC',
@@ -80,12 +80,12 @@ export const JDP_CSV_MAP_BASE: DownloadAsCsvMap<ActivityReportWithId> = {
   activityCode: 'ACTIVITY_CODE',
   gearCode: {
     label: 'GEAR_CODE',
-    transform: activity => activity.action.gearOnboard[0]?.gearCode || ''
+    transform: activity => activity.action.gearOnboard[0]?.gearCode ?? ''
   },
   meshSize: {
     label: 'MESH_SIZE',
     transform: activity =>
-      activity.action.gearOnboard[0]?.controlledMesh ?? (activity.action.gearOnboard[0]?.declaredMesh || '')
+      activity.action.gearOnboard[0]?.controlledMesh ?? activity.action.gearOnboard[0]?.declaredMesh ?? ''
   },
   faoArea: {
     label: 'FAO_AREA_CODE',
diff --git a/frontend/src/features/BackOffice/edit_regulation/regulatory_text/RegulatoryText.tsx b/frontend/src/features/BackOffice/edit_regulation/regulatory_text/RegulatoryText.tsx
index 50c4a12c7f..9cc5fed458 100644
--- a/frontend/src/features/BackOffice/edit_regulation/regulatory_text/RegulatoryText.tsx
+++ b/frontend/src/features/BackOffice/edit_regulation/regulatory_text/RegulatoryText.tsx
@@ -173,7 +173,7 @@ export function RegulatoryText({
         <Or>&nbsp;ou</Or>
         <StyledCheckbox
           checked={endDate === INFINITE}
-          label={"jusqu'à nouvel ordre"}
+          label="jusqu'à nouvel ordre"
           name="endDate"
           onChange={isChecked => {
             set('endDate', isChecked ? INFINITE : '')
diff --git a/frontend/src/features/FleetSegment/components/FleetSegmentsBackoffice/index.tsx b/frontend/src/features/FleetSegment/components/FleetSegmentsBackoffice/index.tsx
index a17e2d06d8..18571c69d1 100644
--- a/frontend/src/features/FleetSegment/components/FleetSegmentsBackoffice/index.tsx
+++ b/frontend/src/features/FleetSegment/components/FleetSegmentsBackoffice/index.tsx
@@ -45,7 +45,7 @@ export function FleetSegmentsBackoffice() {
     async (_year?: number) => {
       const { data: nextFleetSegments } = await dispatch(fleetSegmentApi.endpoints.getFleetSegments.initiate(_year))
 
-      setFleetSegments(nextFleetSegments || [])
+      setFleetSegments(nextFleetSegments ?? [])
       if (_year) {
         setYear(_year)
       }
@@ -95,7 +95,7 @@ export function FleetSegmentsBackoffice() {
     async newFleetSegmentData => {
       const nextFleetSegments = await dispatch(createFleetSegment(newFleetSegmentData, fleetSegments))
 
-      setFleetSegments(nextFleetSegments || [])
+      setFleetSegments(nextFleetSegments ?? [])
       closeCreateOrEditFleetSegmentModal()
     },
     [dispatch, fleetSegments, closeCreateOrEditFleetSegmentModal]
@@ -145,11 +145,11 @@ export function FleetSegmentsBackoffice() {
           <Select
             cleanable={false}
             isLabelHidden
-            label={"l'année"}
+            label="l'année"
             name="fleet-segments-add-year"
             onChange={_year => addYearEntry(Number(_year))}
             options={yearsToAdd}
-            placeholder={"l'année"}
+            placeholder="l'année"
             value={undefined}
           />
         </AddYearBox>
diff --git a/frontend/src/features/FleetSegment/useCases/computeFleetSegments.ts b/frontend/src/features/FleetSegment/useCases/computeFleetSegments.ts
index b2ff9acc78..7a0ae4a9a7 100644
--- a/frontend/src/features/FleetSegment/useCases/computeFleetSegments.ts
+++ b/frontend/src/features/FleetSegment/useCases/computeFleetSegments.ts
@@ -19,9 +19,9 @@ export const computeFleetSegments =
 
     const { data: fleetSegments } = await dispatch(
       fleetSegmentApi.endpoints.computeFleetSegments.initiate({
-        faoAreas: faoAreas || [],
-        gears: gears || [],
-        species: species || []
+        faoAreas: faoAreas ?? [],
+        gears: gears ?? [],
+        species: species ?? []
       })
     )
 
diff --git a/frontend/src/features/InterestPoint/components/InterestPointMapButton/EditInterestPoint.tsx b/frontend/src/features/InterestPoint/components/InterestPointMapButton/EditInterestPoint.tsx
index 9683df82d7..24f381e651 100644
--- a/frontend/src/features/InterestPoint/components/InterestPointMapButton/EditInterestPoint.tsx
+++ b/frontend/src/features/InterestPoint/components/InterestPointMapButton/EditInterestPoint.tsx
@@ -136,7 +136,7 @@ export function EditInterestPoint({ close, isOpen }: EditInterestPointProps) {
             coordinatesFormat={coordinatesFormat}
             defaultValue={coordinates}
             isLabelHidden
-            label={"Coordonnées du point d'intérêt"}
+            label="Coordonnées du point d'intérêt"
             name="interest-point-coordinates"
             onChange={updateCoordinates}
           />
diff --git a/frontend/src/features/InterestPoint/components/InterestPointMapButton/index.tsx b/frontend/src/features/InterestPoint/components/InterestPointMapButton/index.tsx
index 85ebb3686f..81ff24dc5c 100644
--- a/frontend/src/features/InterestPoint/components/InterestPointMapButton/index.tsx
+++ b/frontend/src/features/InterestPoint/components/InterestPointMapButton/index.tsx
@@ -47,7 +47,7 @@ export function InterestPointMapButton() {
         isActive={isOpen}
         onClick={openOrCloseInterestPoint}
         style={{ top: 364 }}
-        title={"Créer un point d'intérêt"}
+        title="Créer un point d'intérêt"
       >
         <InterestPointIcon $isRightMenuShrinked={isRightMenuShrinked} />
       </InterestPointButton>
diff --git a/frontend/src/features/Logbook/__tests__/utils.test.ts b/frontend/src/features/Logbook/__tests__/utils.test.ts
index f3fdcad9fc..d5739b124e 100644
--- a/frontend/src/features/Logbook/__tests__/utils.test.ts
+++ b/frontend/src/features/Logbook/__tests__/utils.test.ts
@@ -1,12 +1,5 @@
 import { expect } from '@jest/globals'
 
-import {
-  correctedLANMessage,
-  correctedPNOMessage,
-  dummyCpsMessage,
-  dummyLogbookMessages,
-  dummyLanMessageWithLVRCPresentationSpecies
-} from './__mocks__/logbookMessages'
 import {
   buildCatchArray,
   getCPSDistinctSpecies,
@@ -21,6 +14,13 @@ import {
   getTotalLANWeight,
   getTotalPNOWeight
 } from '../utils'
+import {
+  correctedLANMessage,
+  correctedPNOMessage,
+  dummyCpsMessage,
+  dummyLogbookMessages,
+  dummyLanMessageWithLVRCPresentationSpecies
+} from './__mocks__/logbookMessages'
 
 describe('Logbook/utils.tsx', () => {
   it('getPNOMessage Should get the first valid PNO message', async () => {
diff --git a/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/LogbookMessageResumeHeader.tsx b/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/LogbookMessageResumeHeader.tsx
index 8b745a5c7d..815fe0c20b 100644
--- a/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/LogbookMessageResumeHeader.tsx
+++ b/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/LogbookMessageResumeHeader.tsx
@@ -60,14 +60,14 @@ export function LogbookMessageResumeHeader({
             <LogbookMessageName
               hasNoMessage={hasNoMessage || noContent}
               isNotAcknowledged={isNotAcknowledged}
-              title={rejectionCause || (isDeleted ? 'Message supprimé' : '')}
+              title={rejectionCause ?? (isDeleted ? 'Message supprimé' : '')}
             >
               {(isNotAcknowledged || isDeleted) && (
                 <NotAcknowledgedOrDeleted data-cy="fishing-resume-not-acknowledged-icon" />
               )}
               {LogbookMessageTypeEnum[messageType].name}
             </LogbookMessageName>
-            <LogbookMessageResumeText data-cy="vessel-fishing-resume-title" title={onHoverText || ''}>
+            <LogbookMessageResumeText data-cy="vessel-fishing-resume-title" title={onHoverText ?? ''}>
               {hasNoMessage ? (
                 <Gray>Aucun message</Gray>
               ) : (
diff --git a/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/utils.ts b/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/utils.ts
index e381310b99..fa3a34a911 100644
--- a/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/utils.ts
+++ b/frontend/src/features/Logbook/components/VesselLogbook/LogbookSummary/utils.ts
@@ -28,7 +28,7 @@ export function getTripSegments(
 }
 
 export function getSegmentInfo(segment: Partial<FleetSegment>): string {
-  if (segment.gears || segment.faoAreas || segment.targetSpecies || segment.bycatchSpecies) {
+  if (segment.gears ?? segment.faoAreas ?? segment.targetSpecies ?? segment.bycatchSpecies) {
     const gears = segment.gears?.length ? segment.gears.join(', ') : 'aucun'
     const faoAreas = segment.faoAreas?.length ? segment.faoAreas.join(', ') : 'aucune'
 
diff --git a/frontend/src/features/MainWindow/index.tsx b/frontend/src/features/MainWindow/index.tsx
index 1902c6fb77..13948ca319 100644
--- a/frontend/src/features/MainWindow/index.tsx
+++ b/frontend/src/features/MainWindow/index.tsx
@@ -4,9 +4,9 @@ import styled from 'styled-components'
 import { LegacyRsuiteComponentsWrapper } from 'ui/LegacyRsuiteComponentsWrapper'
 
 import { MapButtons } from './components/MapButtons'
-import { RightMenuOnHoverArea } from './components/MapButtons/shared/RightMenuOnHoverArea'
 import { APIWorker } from '../../api/APIWorker'
 import { Notifier } from '../../components/Notifier'
+import { RightMenuOnHoverArea } from './components/MapButtons/shared/RightMenuOnHoverArea'
 import { SideWindowStatus } from '../../domain/entities/sideWindow/constants'
 import { useMainAppSelector } from '../../hooks/useMainAppSelector'
 import { ErrorToastNotification } from '../commonComponents/ErrorToastNotification'
diff --git a/frontend/src/features/Measurement/components/MeasurementMapButton/index.tsx b/frontend/src/features/Measurement/components/MeasurementMapButton/index.tsx
index 2bdb025223..bcb936c0b7 100644
--- a/frontend/src/features/Measurement/components/MeasurementMapButton/index.tsx
+++ b/frontend/src/features/Measurement/components/MeasurementMapButton/index.tsx
@@ -81,7 +81,7 @@ export function MeasurementMapButton() {
           className=".map-menu"
           data-cy="measurement-multiline"
           onClick={() => makeMeasurement(MeasurementType.MULTILINE)}
-          title={"Mesure d'une distance avec lignes brisées"}
+          title="Mesure d'une distance avec lignes brisées"
         >
           <MultiLineIcon />
         </MeasurementItem>
@@ -89,7 +89,7 @@ export function MeasurementMapButton() {
           className=".map-menu"
           data-cy="measurement-circle-range"
           onClick={() => makeMeasurement(MeasurementType.CIRCLE_RANGE)}
-          title={"Rayon d'action"}
+          title="Rayon d'action"
         >
           <CircleRangeIcon />
         </MeasurementItem>
diff --git a/frontend/src/features/Mission/features.ts b/frontend/src/features/Mission/features.ts
index 2c41eea1ca..55d0a4de9a 100644
--- a/frontend/src/features/Mission/features.ts
+++ b/frontend/src/features/Mission/features.ts
@@ -130,7 +130,7 @@ export const getMissionActionFeature = (
   const infractions = getMissionActionInfractionsFromMissionActionFormValues(action)
   const infractionsNatinfs = infractions.map(({ natinf }) => natinf)
 
-  const actionId = action.id || random(1000)
+  const actionId = action.id ?? random(1000)
   const feature = new Feature({
     actionType: action.actionType,
     dateTime: getDateTime(action.actionDatetimeUtc, true),
@@ -159,7 +159,7 @@ export const getMissionActionFeatureZone = (
     return undefined
   }
 
-  const actionId = action.id || random(1000)
+  const actionId = action.id ?? random(1000)
   const feature = new Feature({
     geometry: circular([action.longitude, action.latitude], CONTROL_ZONE_RADIUS, 64).transform(
       WSG84_PROJECTION,
diff --git a/frontend/src/features/Mission/layers/SelectedMissionActionsLayer/index.tsx b/frontend/src/features/Mission/layers/SelectedMissionActionsLayer/index.tsx
index 5965c210d8..eac56856f0 100644
--- a/frontend/src/features/Mission/layers/SelectedMissionActionsLayer/index.tsx
+++ b/frontend/src/features/Mission/layers/SelectedMissionActionsLayer/index.tsx
@@ -34,7 +34,7 @@ export function UnmemoizedSelectedMissionActionsLayer() {
             missionsAndAction.id === (selectedMissionGeoJSON as GeoJSON.Feature).properties?.missionId
         )
         ?.actions?.map(action => getMissionActionFeature(action))
-        .filter((feature): feature is Feature => Boolean(feature)) || []
+        .filter((feature): feature is Feature => Boolean(feature)) ?? []
     )
   }, [selectedMissionGeoJSON, missions])
 
@@ -55,7 +55,7 @@ export function UnmemoizedSelectedMissionActionsLayer() {
             missionsAndAction.id === (selectedMissionGeoJSON as GeoJSON.Feature).properties?.missionId
         )
         ?.actions?.map(action => getMissionActionFeatureZone(action))
-        .filter((feature): feature is Feature => Boolean(feature)) || []
+        .filter((feature): feature is Feature => Boolean(feature)) ?? []
     )
   }, [selectedMissionGeoJSON, missions])
 
@@ -111,7 +111,7 @@ export function UnmemoizedSelectedMissionActionsLayer() {
     }
 
     const actionFeatures = draft.actionsFormValues
-      .map(action => getMissionActionFeature({ ...action, missionId: missionId || NEW_MISSION_ID }))
+      .map(action => getMissionActionFeature({ ...action, missionId: missionId ?? NEW_MISSION_ID }))
       .filter((action): action is Feature => !!action)
 
     /**
diff --git a/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/identification/IdentificationDisplayed.tsx b/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/identification/IdentificationDisplayed.tsx
index 6d85e1d5a5..d9a569102b 100644
--- a/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/identification/IdentificationDisplayed.tsx
+++ b/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/identification/IdentificationDisplayed.tsx
@@ -6,7 +6,7 @@ import { Key, Value, Fields, Field } from '../RegulatoryMetadata.style'
 export function IdentificationDisplayed() {
   const regulatory = useMainAppSelector(state => state.regulatory)
 
-  const { lawType, region, topic, zone } = regulatory.regulatoryZoneMetadata || {}
+  const { lawType, region, topic, zone } = regulatory.regulatoryZoneMetadata ?? {}
 
   return (
     <Zone>
@@ -14,19 +14,19 @@ export function IdentificationDisplayed() {
         <Body>
           <Field>
             <Key>Ensemble reg.</Key>
-            <Value data-cy="regulatory-layers-metadata-lawtype">{lawType || <NoValue>-</NoValue>}</Value>
+            <Value data-cy="regulatory-layers-metadata-lawtype">{lawType ?? <NoValue>-</NoValue>}</Value>
           </Field>
           <Field>
             <Key>Thématique</Key>
-            <Value data-cy="regulatory-layers-metadata-topic">{`${topic}` || <NoValue>-</NoValue>}</Value>
+            <Value data-cy="regulatory-layers-metadata-topic">{`${topic}` ?? <NoValue>-</NoValue>}</Value>
           </Field>
           <Field>
             <Key>Zone</Key>
-            <Value data-cy="regulatory-layers-metadata-zone">{`${zone}` || <NoValue>-</NoValue>}</Value>
+            <Value data-cy="regulatory-layers-metadata-zone">{`${zone}` ?? <NoValue>-</NoValue>}</Value>
           </Field>
           <Field>
             <Key>Région</Key>
-            <Value data-cy="regulatory-layers-metadata-region">{region || <NoValue>-</NoValue>}</Value>
+            <Value data-cy="regulatory-layers-metadata-region">{region ?? <NoValue>-</NoValue>}</Value>
           </Field>
         </Body>
       </Fields>
diff --git a/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/speciesRegulation/SpeciesRegulationDisplayed.tsx b/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/speciesRegulation/SpeciesRegulationDisplayed.tsx
index e5cf27c27c..c46f75f8eb 100644
--- a/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/speciesRegulation/SpeciesRegulationDisplayed.tsx
+++ b/frontend/src/features/Regulation/components/RegulatoryZoneMetadata/speciesRegulation/SpeciesRegulationDisplayed.tsx
@@ -11,8 +11,8 @@ import type { RegulatedSpecies as RegulatedSpeciesType } from '../../../types'
 export function SpeciesRegulationDisplayed() {
   const regulatory = useMainAppSelector(state => state.regulatory)
 
-  const { speciesRegulation } = regulatory.regulatoryZoneMetadata || {}
-  const { authorized, otherInfo, unauthorized } = speciesRegulation || {}
+  const { speciesRegulation } = regulatory.regulatoryZoneMetadata ?? {}
+  const { authorized, otherInfo, unauthorized } = speciesRegulation ?? {}
   const hasAuthorizedContent = !isRegulatedSpeciesEmpty(authorized)
   const hasUnauthorizedContent = !isRegulatedSpeciesEmpty(unauthorized)
   const areSpeciesRegulationEmpty = !hasAuthorizedContent && !hasUnauthorizedContent && !otherInfo
@@ -25,13 +25,13 @@ export function SpeciesRegulationDisplayed() {
     <>
       <Section>
         {hasAuthorizedContent && (
-          <RegulatedSpecies authorized regulatedSpecies={authorized || DEFAULT_AUTHORIZED_REGULATED_SPECIES} />
+          <RegulatedSpecies authorized regulatedSpecies={authorized ?? DEFAULT_AUTHORIZED_REGULATED_SPECIES} />
         )}
         {hasUnauthorizedContent && (
           <RegulatedSpecies
             authorized={false}
             hasPreviousRegulatedSpeciesBloc={hasAuthorizedContent}
-            regulatedSpecies={unauthorized || DEFAULT_UNAUTHORIZED_REGULATED_SPECIES}
+            regulatedSpecies={unauthorized ?? DEFAULT_UNAUTHORIZED_REGULATED_SPECIES}
           />
         )}
         {otherInfo && (
diff --git a/frontend/src/features/SideWindow/Alert/AlertListAndReportingList/PendingAlertRow.tsx b/frontend/src/features/SideWindow/Alert/AlertListAndReportingList/PendingAlertRow.tsx
index 596979fc3b..d0b708c6d5 100644
--- a/frontend/src/features/SideWindow/Alert/AlertListAndReportingList/PendingAlertRow.tsx
+++ b/frontend/src/features/SideWindow/Alert/AlertListAndReportingList/PendingAlertRow.tsx
@@ -115,7 +115,7 @@ export function PendingAlertRow({
               }}
               src={`${baseUrl}/Icone_valider_alerte.png`}
               style={validateAlertIconStyle}
-              title={"Valider l'alerte"}
+              title="Valider l'alerte"
             />
           </FlexboxGrid.Item>
           <FlexboxGrid.Item style={iconStyle}>
@@ -142,7 +142,7 @@ export function PendingAlertRow({
                   : `${baseUrl}/Icone_ignorer_alerte.png`
               }
               style={silenceAlertStyle}
-              title={"Ignorer l'alerte"}
+              title="Ignorer l'alerte"
             />
           </FlexboxGrid.Item>
         </FlexboxGrid>
diff --git a/frontend/src/features/SideWindow/Alert/SilencedAlerts/fields/VesselField.tsx b/frontend/src/features/SideWindow/Alert/SilencedAlerts/fields/VesselField.tsx
index d13dcd5244..c5ea11231e 100644
--- a/frontend/src/features/SideWindow/Alert/SilencedAlerts/fields/VesselField.tsx
+++ b/frontend/src/features/SideWindow/Alert/SilencedAlerts/fields/VesselField.tsx
@@ -16,13 +16,13 @@ export function VesselField() {
 
   const defaultValue: VesselIdentity = useMemo(
     () => ({
-      externalReferenceNumber: values.externalReferenceNumber || null,
-      flagState: values.flagState || '',
-      internalReferenceNumber: values.internalReferenceNumber || null,
-      ircs: values.ircs || null,
-      vesselId: values.vesselId || null,
-      vesselIdentifier: values.vesselIdentifier || null,
-      vesselName: values.vesselName || null
+      externalReferenceNumber: values.externalReferenceNumber ?? null,
+      flagState: values.flagState ?? '',
+      internalReferenceNumber: values.internalReferenceNumber ?? null,
+      ircs: values.ircs ?? null,
+      vesselId: values.vesselId ?? null,
+      vesselIdentifier: values.vesselIdentifier ?? null,
+      vesselName: values.vesselName ?? null
     }),
     [
       values.flagState,
@@ -58,11 +58,11 @@ export function VesselField() {
 
     setValues({
       ...values,
-      externalReferenceNumber: nextVessel.externalReferenceNumber || null,
+      externalReferenceNumber: nextVessel.externalReferenceNumber ?? null,
       flagState: nextVessel.flagState?.toUpperCase(),
-      internalReferenceNumber: nextVessel.internalReferenceNumber || null,
-      ircs: nextVessel.ircs || null,
-      vesselId: nextVessel.vesselId || null,
+      internalReferenceNumber: nextVessel.internalReferenceNumber ?? null,
+      ircs: nextVessel.ircs ?? null,
+      vesselId: nextVessel.vesselId ?? null,
       vesselIdentifier: nextVessel.vesselIdentifier ?? undefined,
       vesselName: nextVessel.vesselName
     })
diff --git a/frontend/src/features/SideWindow/Alert/SilencedAlerts/index.tsx b/frontend/src/features/SideWindow/Alert/SilencedAlerts/index.tsx
index 0d0b438373..13d77e5a56 100644
--- a/frontend/src/features/SideWindow/Alert/SilencedAlerts/index.tsx
+++ b/frontend/src/features/SideWindow/Alert/SilencedAlerts/index.tsx
@@ -112,7 +112,7 @@ export function SilencedAlerts() {
             <Row
               key={alert.id}
               $isFocused={alert.id === focusedPendingAlertId}
-              $toClose={alert.isReactivated || false}
+              $toClose={!!alert.isReactivated || false}
               index={index + 1}
             >
               {alert.isReactivated && <AlertTransition>L’alerte est réactivée</AlertTransition>}
@@ -145,11 +145,11 @@ export function SilencedAlerts() {
                   </IconColumn>
                   <IconColumn>
                     <ReactivateAlertIcon
-                      alt={"Réactiver l'alerte"}
+                      alt="Réactiver l'alerte"
                       data-cy="side-window-silenced-alerts-delete-silenced-alert"
                       onClick={() => reactivateSilencedAlertCallback(alert.id)}
                       src={`${baseUrl}/Icone_alertes_gris.png`}
-                      title={"Réactiver l'alerte"}
+                      title="Réactiver l'alerte"
                     />
                   </IconColumn>
                 </FlexboxGrid>
@@ -234,7 +234,7 @@ const SearchVesselInput = styled.input<{
   min-width: 280px;
   flex-grow: 0;
 
-  :hover, :focus: {
+  &:hover, &:focus: {
     border-bottom: ${p => `1px ${p.theme.color.lightGray} solid`};
   }
 `
diff --git a/frontend/src/features/SideWindow/Alert/SilencedAlerts/utils.ts b/frontend/src/features/SideWindow/Alert/SilencedAlerts/utils.ts
index 5b4451a525..d10ca3a536 100644
--- a/frontend/src/features/SideWindow/Alert/SilencedAlerts/utils.ts
+++ b/frontend/src/features/SideWindow/Alert/SilencedAlerts/utils.ts
@@ -25,13 +25,13 @@ export function getSilencedAlertFromSilencedAlertFormValues(formValues: Silenced
   }
 
   return {
-    externalReferenceNumber: formValues.externalReferenceNumber || null,
+    externalReferenceNumber: formValues.externalReferenceNumber ?? null,
     flagState: formValues.flagState,
-    internalReferenceNumber: formValues.internalReferenceNumber || null,
-    ircs: formValues.ircs || null,
+    internalReferenceNumber: formValues.internalReferenceNumber ?? null,
+    ircs: formValues.ircs ?? null,
     silencedBeforeDate: formValues.silencedBeforeDate,
     value: formValues.value,
-    vesselId: formValues.vesselId || null,
+    vesselId: formValues.vesselId ?? null,
     vesselIdentifier: formValues.vesselIdentifier,
     vesselName: formValues.vesselName
   }
diff --git a/frontend/src/features/SideWindow/BeaconMalfunctionBoard/VesselStatusSelect.tsx b/frontend/src/features/SideWindow/BeaconMalfunctionBoard/VesselStatusSelect.tsx
index 4e895865e9..6672434143 100644
--- a/frontend/src/features/SideWindow/BeaconMalfunctionBoard/VesselStatusSelect.tsx
+++ b/frontend/src/features/SideWindow/BeaconMalfunctionBoard/VesselStatusSelect.tsx
@@ -45,7 +45,7 @@ export function VesselStatusSelect({
       icons.forEach(icon => {
         if (icon?.style) {
           // eslint-disable-next-line no-param-reassign
-          icon.style.color = vesselStatus?.textColor || THEME.color.charcoal
+          icon.style.color = vesselStatus?.textColor ?? THEME.color.charcoal
         }
       })
     }
@@ -59,13 +59,13 @@ export function VesselStatusSelect({
       menuStyle={
         isAbsolute
           ? { marginLeft: 40, marginTop: 120, position: 'absolute' }
-          : { marginLeft: -5, marginTop: marginTop || -67, position: 'relative' }
+          : { marginLeft: -5, marginTop: marginTop ?? -67, position: 'relative' }
       }
       onChange={status => updateVesselStatus(beaconMalfunction, status)}
       placeholder="Statut"
       renderValue={(_, item) => <VesselStatusSelectValue item={item} />}
       searchable={false}
-      value={vesselStatus?.value || null}
+      value={vesselStatus?.value ?? null}
     />
   )
 }
diff --git a/frontend/src/features/VesselSidebar/Equipment/resume/BeaconMalfunctionCard.tsx b/frontend/src/features/VesselSidebar/Equipment/resume/BeaconMalfunctionCard.tsx
index af57dd34cf..707561201b 100644
--- a/frontend/src/features/VesselSidebar/Equipment/resume/BeaconMalfunctionCard.tsx
+++ b/frontend/src/features/VesselSidebar/Equipment/resume/BeaconMalfunctionCard.tsx
@@ -70,7 +70,7 @@ export function BeaconMalfunctionCard({
           })
         )
       }}
-      title={"Afficher les détails de l'avarie"}
+      title="Afficher les détails de l'avarie"
     >
       <Title>
         {getFirstVesselStatus(beaconMalfunctionWithDetails) === BeaconMalfunctionVesselStatus.AT_PORT ? (
diff --git a/frontend/src/features/VesselSidebar/Identity/index.tsx b/frontend/src/features/VesselSidebar/Identity/index.tsx
index 12a83be567..2b5b80750b 100644
--- a/frontend/src/features/VesselSidebar/Identity/index.tsx
+++ b/frontend/src/features/VesselSidebar/Identity/index.tsx
@@ -109,7 +109,7 @@ export function Identity() {
         secondColumn={[
           {
             key: 'Taille',
-            value: `${selectedVessel?.length || '-'} x ${selectedVessel?.width || '-'}`
+            value: `${selectedVessel?.length ?? '-'} x ${selectedVessel?.width ?? '-'}`
           },
           {
             key: 'Jauge',
@@ -251,7 +251,7 @@ export function Identity() {
               <Key>Contact navire</Key>
               <Value>
                 <PersonalData>
-                  {selectedVessel?.vesselPhones || selectedVessel?.vesselEmails ? (
+                  {(selectedVessel?.vesselPhones ?? selectedVessel?.vesselEmails) ? (
                     <>
                       {selectedVessel?.vesselPhones ? (
                         <>
diff --git a/frontend/src/features/VesselSidebar/actions/TrackRequest/DateRange.tsx b/frontend/src/features/VesselSidebar/actions/TrackRequest/DateRange.tsx
index 760255734f..d43fe56b4a 100644
--- a/frontend/src/features/VesselSidebar/actions/TrackRequest/DateRange.tsx
+++ b/frontend/src/features/VesselSidebar/actions/TrackRequest/DateRange.tsx
@@ -102,7 +102,7 @@ const Wrapper = styled.div<{
   $width: number | undefined
 }>`
   margin: ${p => (p.$noMargin ? 0 : '12px 0 20px 20px')};
-  width: ${p => p.$width || 197}px;
+  width: ${p => p.$width ?? 197}px;
 
   .rs-picker-daterange {
     background: ${p => (p.$isEmpty ? COLORS.gainsboro : 'transparent')};
diff --git a/frontend/src/features/VesselSidebar/actions/TrackRequest/index.tsx b/frontend/src/features/VesselSidebar/actions/TrackRequest/index.tsx
index ffac0df5e8..04a61a8c57 100644
--- a/frontend/src/features/VesselSidebar/actions/TrackRequest/index.tsx
+++ b/frontend/src/features/VesselSidebar/actions/TrackRequest/index.tsx
@@ -88,7 +88,7 @@ export function TrackRequest({ isSidebarOpen }: TrackRequestProps) {
         isRightMenuOpen={rightMenuIsOpen}
         isSidebarOpen={isSidebarOpen}
         onClick={() => setIsOpenedFromClick(!isOpenedFromClick)}
-        title={"Paramétrer l'affichage de la piste VMS"}
+        title="Paramétrer l'affichage de la piste VMS"
         top={118}
       >
         <VesselIcon />
diff --git a/frontend/src/features/VesselSidebar/actions/VesselSidebarActionButton.tsx b/frontend/src/features/VesselSidebar/actions/VesselSidebarActionButton.tsx
index 848d4ffd95..d6d8f4612c 100644
--- a/frontend/src/features/VesselSidebar/actions/VesselSidebarActionButton.tsx
+++ b/frontend/src/features/VesselSidebar/actions/VesselSidebarActionButton.tsx
@@ -11,7 +11,7 @@ export const VesselSidebarActionButton = styled(MapButton)<{
   top: ${p => p.top}px;
   height: 30px;
   width: 30px;
-  background: ${p => p.backgroundColor || p.theme.color.charcoal};
+  background: ${p => p.backgroundColor ?? p.theme.color.charcoal};
   position: absolute;
   margin-right: ${p => (p.isSidebarOpen ? 505 : -45)}px;
   opacity: ${p => (p.isSidebarOpen ? 1 : 0)};
@@ -23,8 +23,8 @@ export const VesselSidebarActionButton = styled(MapButton)<{
     all 0.5s,
     right 0.3s;
 
-  :hover,
-  :focus {
-    background: ${p => p.backgroundColor || p.theme.color.charcoal};
+  &:hover,
+  &:focus {
+    background: ${p => p.backgroundColor ?? p.theme.color.charcoal};
   }
 `
diff --git a/frontend/src/features/VesselSidebar/risk_factor/RiskFactorBox.tsx b/frontend/src/features/VesselSidebar/risk_factor/RiskFactorBox.tsx
index 4d1b3d7843..bbbd6a4760 100644
--- a/frontend/src/features/VesselSidebar/risk_factor/RiskFactorBox.tsx
+++ b/frontend/src/features/VesselSidebar/risk_factor/RiskFactorBox.tsx
@@ -28,7 +28,7 @@ export function RiskFactorBox({
     fontWeight: 500,
     height: isBig ? 20 : 17,
     lineHeight: '14px',
-    marginRight: marginRight || 8,
+    marginRight: marginRight ?? 8,
     paddingTop: isBig ? 4 : 1,
     textAlign: 'center',
     userSelect: 'none',
diff --git a/frontend/src/features/commonStyles/Backoffice.style.tsx b/frontend/src/features/commonStyles/Backoffice.style.tsx
index 74b2e7eb30..e93ab8aafc 100644
--- a/frontend/src/features/commonStyles/Backoffice.style.tsx
+++ b/frontend/src/features/commonStyles/Backoffice.style.tsx
@@ -9,7 +9,7 @@ export const ContentLine = styled.div<{
 }>`
   display: flex;
   flex-direction: ${p => (p.isFormOpened && p.isInfoTextShown ? 'column' : 'row')};
-  align-items: ${p => ((p.isFormOpened && p.isInfoTextShown) || p.alignedToTop ? 'flex-start' : 'center')};
+  align-items: ${p => ((!!p.isFormOpened && !!p.isInfoTextShown) || !!p.alignedToTop ? 'flex-start' : 'center')};
   margin-bottom: 12px;
 `
 
diff --git a/frontend/src/features/map/layers/styles/utils.ts b/frontend/src/features/map/layers/styles/utils.ts
index d46d48cfdf..46b85976bf 100644
--- a/frontend/src/features/map/layers/styles/utils.ts
+++ b/frontend/src/features/map/layers/styles/utils.ts
@@ -62,7 +62,7 @@ export function getStyle(color: string | undefined, isSelected: boolean, strokeC
   })
 
   const stroke = new Stroke({
-    color: strokeColor || 'rgba(5, 5, 94, 0.7)',
+    color: strokeColor ?? 'rgba(5, 5, 94, 0.7)',
     width: isSelected ? 3 : 1
   })
 
diff --git a/frontend/src/hooks/useTable/TableHead.tsx b/frontend/src/hooks/useTable/TableHead.tsx
index 32b1134a98..48ea3b7c77 100644
--- a/frontend/src/hooks/useTable/TableHead.tsx
+++ b/frontend/src/hooks/useTable/TableHead.tsx
@@ -18,7 +18,7 @@ export type TableHeadProps = {
 }
 export function TableHead({
   columns,
-  isAllChecked,
+  isAllChecked = false,
   isCheckable,
   isSortingDesc,
   onAllCheckChange,
@@ -38,7 +38,7 @@ export function TableHead({
       <FlexboxGrid role="row">
         {isCheckable && (
           <CellWrapper $fixedWidth={36} style={{ padding: 0 }}>
-            <StyledCheckbox checked={isAllChecked || false} onChange={onAllCheckChange} />
+            <StyledCheckbox checked={isAllChecked} onChange={onAllCheckChange} />
           </CellWrapper>
         )}
 
@@ -51,7 +51,7 @@ export function TableHead({
               isSortedColumn={column.key === sortingKey}
               onClick={() => sortByKey(column)}
             >
-              {column.label || ''}
+              {column.label ?? ''}
             </CardTableColumnTitle>
           </CellWrapper>
         ))}
diff --git a/frontend/src/hooks/useTable/TableHeadNext.tsx b/frontend/src/hooks/useTable/TableHeadNext.tsx
index 8083c54d8d..bac8139cb8 100644
--- a/frontend/src/hooks/useTable/TableHeadNext.tsx
+++ b/frontend/src/hooks/useTable/TableHeadNext.tsx
@@ -19,7 +19,7 @@ export type TableHeadNextProps = {
 }
 export function TableHeadNext({
   columns,
-  isAllChecked,
+  isAllChecked = false,
   isCheckable,
   isSortingDesc,
   onAllCheckChange,
diff --git a/frontend/src/hooks/useTable/index.tsx b/frontend/src/hooks/useTable/index.tsx
index 25d4ceb2b9..a76d7e4bc2 100644
--- a/frontend/src/hooks/useTable/index.tsx
+++ b/frontend/src/hooks/useTable/index.tsx
@@ -27,7 +27,7 @@ export function useTable<T extends CollectionItem = CollectionItem>(
   const [isSortingDesc, setIsSortingDesc] = useState(Boolean(isDefaultSortingDesc))
   const [sortingKey, setSortingKey] = useState<string | undefined>(defaultSortedKey)
 
-  const rawData = useMemo(() => maybeRawData || [], [maybeRawData])
+  const rawData = useMemo(() => maybeRawData ?? [], [maybeRawData])
 
   const attachIsCheckedProps = useMemo(
     () => columns.map(() => (dataItem: T) => assocPath(['$isChecked'], checkedIds.includes(dataItem.id), dataItem)),
@@ -38,7 +38,7 @@ export function useTable<T extends CollectionItem = CollectionItem>(
     () =>
       columns.map(({ key, labelTransform, transform }) => {
         const keyAsArrayPath = getArrayPathFromStringPath(key)
-        const maybeLabelTransform = labelTransform || transform
+        const maybeLabelTransform = labelTransform ?? transform
 
         return (rawItem: T) =>
           assocPath(
@@ -55,7 +55,7 @@ export function useTable<T extends CollectionItem = CollectionItem>(
       searchableKeys.map(key => {
         const keyAsArrayPath = getArrayPathFromStringPath(key)
         const maybeColumn = columns.find(propEq(key, 'key'))
-        const maybeSearchTransform = maybeColumn && (maybeColumn.searchTransform || maybeColumn.transform)
+        const maybeSearchTransform = maybeColumn && (maybeColumn.searchTransform ?? maybeColumn.transform)
 
         return (rawItem: T) => {
           const searchableValue = maybeSearchTransform
@@ -76,7 +76,7 @@ export function useTable<T extends CollectionItem = CollectionItem>(
         .filter(({ isSortable }) => Boolean(isSortable))
         .map(({ key, sortingTransform, transform }) => {
           const keyAsArrayPath = getArrayPathFromStringPath(key)
-          const maybeSortingTransform = sortingTransform || transform
+          const maybeSortingTransform = sortingTransform ?? transform
 
           return (rawItem: T) =>
             assocPath(
diff --git a/frontend/src/utils.ts b/frontend/src/utils.ts
index 1f31dce2cb..2ef6ec147b 100644
--- a/frontend/src/utils.ts
+++ b/frontend/src/utils.ts
@@ -121,7 +121,7 @@ const MINUTES = 60
 const HOURS = 24
 const SECONDS_IN_DAY = HOURS * MINUTES * SECONDS
 
-export const timeagoFrenchLocale = function (_, index, totalSec) {
+export function timeagoFrenchLocale(_, index, totalSec) {
   // Between 105s - 120s, round up to 2 minutes
   // Won’t work for already mounted components because won’t update between 60-120s
   if (index === 2 && totalSec >= 105) {
diff --git a/frontend/src/workers/hooks/useGetServiceWorker.tsx b/frontend/src/workers/hooks/useGetServiceWorker.tsx
index 4c1ad44958..50bd56b2aa 100644
--- a/frontend/src/workers/hooks/useGetServiceWorker.tsx
+++ b/frontend/src/workers/hooks/useGetServiceWorker.tsx
@@ -20,6 +20,6 @@ export const useGetServiceWorker = () => {
   }, [])
 
   return {
-    serviceWorker: registration?.active || registration?.installing
+    serviceWorker: registration?.active ?? registration?.installing
   }
 }