fix(deps): update dependency i18next to v22 (#383)

* fix(deps): update dependency i18next to v22

* fix: remove type casts following i18next updates

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Alexandre Soro <code@soro.dev>

package.json

@@ -34,7 +34,7 @@
     "date-fns": "2.29.3",
     "date-fns-tz": "1.3.7",
     "graphql": "16.6.0",
-    "i18next": "21.10.0",
+    "i18next": "22.0.2",
     "i18next-http-backend": "1.4.4",
     "proj4": "2.8.0",
     "react": "18.2.0",

src/components/LoginPage.tsx

@@ -117,7 +117,7 @@ const LoginPage: FunctionComponent = () => {
             name="username"
             control={control}
             rules={{
-              required: t("loginRequiredLabel") as unknown as string
+              required: t("loginRequiredLabel")
             }}
             render={({ field }) => (
               <CenteredFlexBox>
@@ -137,7 +137,7 @@ const LoginPage: FunctionComponent = () => {
             name="password"
             control={control}
             rules={{
-              required: t("passwordRequiredLabel") as unknown as string
+              required: t("passwordRequiredLabel")
             }}
             render={({ field }) => (
               <CenteredFlexBox>

src/components/manage/common/TableCellActionButtons.tsx

@@ -16,12 +16,12 @@ const TableCellActionButtons: FunctionComponent<TableCellActionButtonsProps> = (
 
   return (
     <>
-      <Tooltip title={t("aria-editButton") as unknown as string}>
+      <Tooltip title={t("aria-editButton")}>
         <PrimaryIconButton disabled={disabled} aria-label={t("aria-editButton")} onClick={onEditClicked}>
           <Edit />
         </PrimaryIconButton>
       </Tooltip>
-      <Tooltip title={t("aria-deleteButton") as unknown as string}>
+      <Tooltip title={t("aria-deleteButton")}>
         <PrimaryIconButton disabled={disabled} aria-label={t("aria-deleteButton")} onClick={onDeleteClicked}>
           <Delete />
         </PrimaryIconButton>

src/components/manage/observateur/ObservateurEdit.tsx

@@ -138,7 +138,7 @@ const ObservateurEdit: FunctionComponent<ObservateurEditProps> = (props) => {
                 control={control}
                 defaultValue=""
                 rules={{
-                  required: t("requiredFieldError") as unknown as string
+                  required: t("requiredFieldError")
                 }}
                 render={({ field }) => (
                   <TextField

src/components/view/DonneeDetailsRow.tsx

@@ -38,12 +38,12 @@ const DonneeDetailsRow: FunctionComponent<DonneeRowProps> = (props) => {
         <TableCell>{intlFormat(parseISO(donnee?.inventaire.date))}</TableCell>
         <TableCell>{donnee?.inventaire.observateur.libelle}</TableCell>
         <TableCell align="right">
-          <Tooltip title={t("observationsTable.header.action.edit") as unknown as string}>
+          <Tooltip title={t("observationsTable.header.action.edit")}>
             <PrimaryIconButton aria-label={t("observationsTable.header.action.edit")} onClick={onEditAction}>
               <Edit />
             </PrimaryIconButton>
           </Tooltip>
-          <Tooltip title={t("observationsTable.header.action.delete") as unknown as string}>
+          <Tooltip title={t("observationsTable.header.action.delete")}>
             <PrimaryIconButton aria-label={t("observationsTable.header.action.delete")} onClick={onDeleteAction}>
               <Delete />
             </PrimaryIconButton>

src/components/view/DonneeFilter.tsx

@@ -31,10 +31,7 @@ const DonneeFilter: FunctionComponent = () => {
               ))
             }
           />
-          <FormControlLabel
-            control={<Switch />}
-            label={t("observationFilter.displayOnlyMyObservations") as unknown as string}
-          />
+          <FormControlLabel control={<Switch />} label={t("observationFilter.displayOnlyMyObservations")} />
           <Button variant="outlined">{t("observationFilter.exportToExcel")}</Button>
         </FormGroup>
       </Card>