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

use this way this is an exaple find your svg and put it in this function

your svg file

interface IProps {
  fill?: string;
}
export default (props: IProps) => (
  
);

where you want to use svg

import React from "react";
import Menu from "./assets/svg/menu";

 ...
 return (
   ...
    
 )