SVGR TypeScript + Jest definitions

index.d.ts

declare module "*.svg" {
  import * as React from "react";

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

  export default ReactComponent;
}

jest.config.js

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

jestMock.js

export default "svg";
export const ReactComponent = "svg";

usage.tsx

import MySvg from "mysvg.svg";

const MyComponent = () => <MySvg />;