diff --git a/frontend/package.json b/frontend/package.json
index 3937a5bc..a2a9a908 100644
--- a/frontend/package.json
+++ b/frontend/package.json
@@ -23,8 +23,8 @@
     "jquery-serializejson": "3.2.1",
     "marionette.approuter": "1.0.2",
     "marionette.templatecache": "1.0.0",
-    "messageformat": "2.3.0",
-    "messageformat-loader": "0.8.1",
+    "@messageformat/core": "3.1.0",
+    "@messageformat/loader": "1.0.0",
     "mini-css-extract-plugin": "1.6.2",
     "moment": "2.29.4",
     "node-sass": "7.0.3",
diff --git a/frontend/webpack.config.js b/frontend/webpack.config.js
index 6ce1636a..d54f3e12 100644
--- a/frontend/webpack.config.js
+++ b/frontend/webpack.config.js
@@ -51,7 +51,7 @@ module.exports = {
 			{
 				type:    'javascript/auto', // <= Set the module.type explicitly
 				test:    /\bmessages\.json$/,
-				loader:  'messageformat-loader',
+				loader:  '@messageformat/loader',
 				options: {
 					biDiSupport:            false,
 					disablePluralKeyChecks: false,