Rollup for React with TypeScript and SVG icons

package.json

{
  "devDependencies": {
    "@svgr/rollup": "^4.3.3",
    "@types/react": "^16.9.7",
    "@types/react-dom": "^16.9.2",
    "rollup": "^1.24.0",
    "rollup-plugin-commonjs": "^10.1.0",
    "rollup-plugin-filesize": "^6.2.1",
    "rollup-plugin-node-resolve": "^5.2.0",
    "rollup-plugin-terser": "^5.1.2",
    "rollup-plugin-typescript2": "^0.24.3",
    "typescript": "^3.6.4"
  },
  "dependencies": {
    "react": "^16.10.2",
    "react-dom": "^16.10.2"
  }
}

rollup.config.js

import typescript from 'rollup-plugin-typescript2';
import svgr from '@svgr/rollup';
import { terser } from "rollup-plugin-terser";
import filesize from 'rollup-plugin-filesize';

export default {
    input: './src/index.tsx',
    output: {
        format: 'esm',
        dir: './dist',
        sourcemap: true
    },
	plugins: [
        typescript({
            objectHashIgnoreUnknownHack: true
        }),
        svgr(),
        terser(),
        filesize()
	]
}

src--index.tsx

import React from 'react';
import Pumpkin from './icon.svg';

export const App = () => (
    <div>
        <h1>Hello!</h1>
        <Pumpkin />
    </div>
);

types--svg.d.ts

declare module "*.svg" {
    const content: any;
    export default content;
}