Build issues when using rollup commonjs plugin

[atomicpages]

The CommonJS plugin for Rollup doesn't seem to like destructured imports like:

import { isFragment } from 'react-is';

Using a named import or default import fixes this issue:

import * as ReactIs from 'react-is'; // or
import ReactIs from 'react-is';

When using tools like pika, we don't have direct control over the commonjs plugin so we can't configure named exports on react-is.

See relevant issues:

• @pika/plugin-bundle-web errors when importing react FredKSchott/pika-pack-builders#34
• isFragment is not exported by node_modules/react-is/index.js mui/material-ui#18791

[gehaktmolen]

Same goes for https://github.com/mui-org/material-ui/blob/master/packages/mui-utils/src/getDisplayName.ts in version 4. Not sure about 5, but suspect so.

Named import works in Rollup:

import Memo from 'react-is';
import ForwardRef from 'react-is';

The current de-structured one does not:

import { ForwardRef, Memo } from 'react-is';