diff --git a/package.json b/package.json
index 4761c1ba2..9d4e734d1 100644
--- a/package.json
+++ b/package.json
@@ -28,7 +28,6 @@
     "classnames": "^2.3.2",
     "clipboard": "^2.0.11",
     "date-fns": "^2.30.0",
-    "file-loader": "^6.2.0",
     "firebase": "^9.23.0",
     "lodash-es": "^4.17.21",
     "prop-types": "^15.8.1",
diff --git a/webpack.config.js b/webpack.config.js
index 66d4cecd1..4566a67e1 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -90,14 +90,10 @@ module.exports = {
       },
       {
         test: /\.(png|jpe?g|gif)$/i,
-        use: [
-          {
-            loader: 'file-loader',
-            options: {
-              name: 'images/[name].[ext]'
-            }
-          }
-        ]
+        type: 'asset/resource',
+        generator: {
+          filename: 'images/[name].[ext]'
+        }
       }
     ]
   }
diff --git a/webpack.prod.config.js b/webpack.prod.config.js
index 1424e21f6..eb917fb4c 100644
--- a/webpack.prod.config.js
+++ b/webpack.prod.config.js
@@ -83,14 +83,10 @@ module.exports = {
       },
       {
         test: /\.(png|jpe?g|gif)$/i,
-        use: [
-          {
-            loader: 'file-loader',
-            options: {
-              name: 'images/[name].[ext]'
-            }
-          }
-        ]
+        type: 'asset/resource',
+        generator: {
+          filename: 'images/[name].[ext]'
+        }
       }
     ]
   }