diff --git a/login-workflow/example/package.json b/login-workflow/example/package.json
index d83a0ed8..1419a2d9 100644
--- a/login-workflow/example/package.json
+++ b/login-workflow/example/package.json
@@ -43,7 +43,7 @@
         "@types/node": "^17.0.23",
         "@types/react": "^18.0.31",
         "@types/react-dom": "^18.0.0",
-        "date-fns": "^2.29.2",
+        "date-fns": "^3.0.6",
         "i18next": "^23.2.11",
         "react": "^18.2.0",
         "react-app-polyfill": "^3.0.0",
diff --git a/login-workflow/example/yarn.lock b/login-workflow/example/yarn.lock
index a2b8d6ce..f031b10d 100644
--- a/login-workflow/example/yarn.lock
+++ b/login-workflow/example/yarn.lock
@@ -4305,12 +4305,10 @@ data-urls@^2.0.0:
     whatwg-mimetype "^2.3.0"
     whatwg-url "^8.0.0"
 
-date-fns@^2.29.2:
-  version "2.30.0"
-  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-2.30.0.tgz#f367e644839ff57894ec6ac480de40cae4b0f4d0"
-  integrity sha512-fnULvOpxnC5/Vg3NCiWelDsLiUc9bRwAPs/+LfTLNvetFCtCTN+yQz15C/fs4AwX1R9K5GLtLfn8QW+dWisaAw==
-  dependencies:
-    "@babel/runtime" "^7.21.0"
+date-fns@^3.0.6:
+  version "3.0.6"
+  resolved "https://registry.yarnpkg.com/date-fns/-/date-fns-3.0.6.tgz#fe3aeb7592d359f075ffc41cb16139828810ca83"
+  integrity sha512-W+G99rycpKMMF2/YD064b2lE7jJGUe+EjOES7Q8BIGY8sbNdbgcs9XFTZwvzc9Jx1f3k7LB7gZaZa7f8Agzljg==
 
 debug@2.6.9, debug@^2.6.0:
   version "2.6.9"
diff --git a/login-workflow/package.json b/login-workflow/package.json
index f997df7b..c9e75081 100644
--- a/login-workflow/package.json
+++ b/login-workflow/package.json
@@ -33,7 +33,7 @@
         "@emotion/styled": "^11.6.0",
         "@mui/icons-material": "^5.10.15",
         "@mui/material": "^5.10.15",
-        "date-fns": "^2.14.0",
+        "date-fns": "^3.0.6",
         "i18next": "^23.0.1",
         "react": "^16.13.1 || ^17.0.0 || ^18.0.0",
         "react-dom": "^16.8.6 || ^17.0.0 || ^18.0.0",
diff --git a/login-workflow/src/utils/i18nUtils.ts b/login-workflow/src/utils/i18nUtils.ts
index 1fb7d8bb..8a275eb7 100644
--- a/login-workflow/src/utils/i18nUtils.ts
+++ b/login-workflow/src/utils/i18nUtils.ts
@@ -1,5 +1,5 @@
 import i18n from 'i18next';
-import { fr, enUS, es, zhCN, ptBR } from 'date-fns/locale';
+import { fr, enUS, es, zhCN, ptBR, Locale } from 'date-fns/locale';
 
 // for getting the device's language locale
 // 'en' is default deviceLocale