Example of the react-rnd packaging issue

index.js

import * as React from "react";
import ReactDOM from "react-dom";
import { Rnd } from "react-rnd";

function App() {
    return (
        <Rnd
            default={{
                x: 0,
                y: 0,
                width: 320,
                height: 200
            }}
        >
            Rnd
        </Rnd>
    );
}

ReactDOM.render(<App />, document.getElementById("root"));

package.json

{
  "name": "rollup_test",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "@babel/core": "^7.8.3",
    "@babel/preset-env": "^7.8.3",
    "@babel/preset-react": "^7.8.3",
    "@rollup/plugin-commonjs": "^11.0.1",
    "@rollup/plugin-node-resolve": "^7.0.0",
    "rollup": "^1.30.1",
    "rollup-plugin-babel": "^4.3.3"
  },
  "dependencies": {
    "core-js": "^3.6.4",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-rnd": "^10.1.4"
  }
}

rollup.config.js

import resolve from '@rollup/plugin-node-resolve';
import commonjs from '@rollup/plugin-commonjs';
import babel from 'rollup-plugin-babel';
import pkg from './package.json';

export default {
    input: './index.js',
    external: ['react', 'react-dom'],
    globals: {
        'react': 'React',
        'react-dom': 'ReactDOM'
    },
    output: {
        dir: 'dist',
        format: 'umd',
        sourcemap: true,
    },
    plugins: [
        babel({
            exclude: 'node_modules/**',
            presets: [
                [
                    '@babel/preset-env',
                    {
                        corejs: 3,
                        useBuiltIns: 'usage'
                    }
                ],
                '@babel/preset-react'
            ]
        }),
        resolve({
            mainFields: ['browser', 'jsnext', 'module', 'main']
        }),
        commonjs({
            sourceMap: true,
            include: 'node_modules/**'
        }),
    ]
}