diff --git a/frontend/src/components/common/Loading/Loading.tsx b/frontend/src/components/common/Loading/Loading.tsx
index 36083598d..a2e46b723 100644
--- a/frontend/src/components/common/Loading/Loading.tsx
+++ b/frontend/src/components/common/Loading/Loading.tsx
@@ -9,7 +9,7 @@ function Loading() {
열심히 로딩하고 있어요잠시만 기다려 주세요...
-
+
>
);
diff --git a/frontend/src/types/assets.d.ts b/frontend/src/types/assets.d.ts
index d59fccad5..3de0c72fb 100644
--- a/frontend/src/types/assets.d.ts
+++ b/frontend/src/types/assets.d.ts
@@ -1,6 +1,6 @@
declare module '*.svg' {
import React = require('react');
- export const ReactComponent: React.FunctionComponent>;
+ export const ReactComponent: (props: React.SVGProps) => JSX.Element;
const src: string;
- export default src;
+ export default content;
}
diff --git a/frontend/webpack.config.dev.js b/frontend/webpack.config.dev.js
index a4b38f803..db17448c3 100644
--- a/frontend/webpack.config.dev.js
+++ b/frontend/webpack.config.dev.js
@@ -40,11 +40,7 @@ module.exports = function () {
test: /\.svg$/,
use: [
{
- loader: 'file-loader',
- options: {
- name: '[name].[ext]',
- outputPath: 'assets/',
- },
+ use: ['@svgr/webpack'],
},
],
},
diff --git a/frontend/webpack.config.prod.js b/frontend/webpack.config.prod.js
index aa5d6d08d..e5fafe7da 100644
--- a/frontend/webpack.config.prod.js
+++ b/frontend/webpack.config.prod.js
@@ -35,15 +35,7 @@ module.exports = function () {
},
{
test: /\.svg$/,
- use: [
- {
- loader: 'file-loader',
- options: {
- name: '[name].[ext]',
- outputPath: 'assets/',
- },
- },
- ],
+ use: ['@svgr/webpack'],
},
],
},