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'], }, ], },