Getting undefined when importing svg as ReactComponent in create-react-app project

Question

I\'m getting following error when trying to load svg as ReactComponent.

Element type is invalid: expected a string (for built-in components) or a class/fu

Answer 1

Try to use Styled components

import Logo from 'assets/logo.svg';

const Image = styled.img`

const LogoWrapper = styled(Image)`
transition: all 0.25s linear;
&: hover {
    transform: scale(1.25);
}`;

This one is working er