gyng · October 2, 2020 05:46
diff --git a/index.d.ts b/index.d.ts
 declare module "*.svg" {
  import * as React from "react";

  const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
  export { ReactComponent };

  export default ReactComponent;
 }
diff --git a/jest.config.js b/jest.config.js
 module.exports = {
  ...otherStuff,
  moduleNameMapper: {
    // .svg should have high priority
    "\\.svg$": "<rootDir>/test/helpers/svgrMock.js",
  }
 }
diff --git a/jestMock.js b/jestMock.js
 export default "svg";
 export const ReactComponent = "svg";
diff --git a/usage.tsx b/usage.tsx
 import MySvg from "mysvg.svg";

 const MyComponent = () => <MySvg />;
	declare module "*.svg" {
	import * as React from "react";

	const ReactComponent: React.FunctionComponent<React.SVGProps<SVGSVGElement>>;
	export { ReactComponent };

	export default ReactComponent;
	}
	module.exports = {
	...otherStuff,
	moduleNameMapper: {
	// .svg should have high priority
	"\\.svg$": "<rootDir>/test/helpers/svgrMock.js",
	}
	}