[React에러]InvalidCharacterError: Failed to execute 'createElement' on 'Document': The tag name provided ('/static/media/hanwha-logo.8adf5b39.svg') is not a valid name.

 

import React from 'react';
import HanwhaLogo from 'src/assets/img/hanwha-logo.svg'

const MainFooter = () =>{
    return (
        <div>
            <span>POWERED BY</span>
            <HanwhaLogo/>
        </div>
    );
}



export default MainFooter;

svg 파일 로드하여 로고를 불러오려했으나 

다음 과 같은 에러가 발생했다.

 

svg 를 부를 때는  React component 로 불러야한다.

import {ReactComponent as HanwhaLogo} from 'src/assets/img/hanwha-logo.svg'

 

이렇게 import 하면 정상적으로 svg 파일을 불러올수있다.

 

 

개발자 이직 비법 보러가기