Initially I posted in #clojurescript but this may be more relevant here. I'm trying to use https://github.com/souporserious/react-measure in my project. I specified the dependency using :npm-deps, and everything is fine up to the moment when I actually try to render the wrapped component:

Uncaught TypeError: _resizeObserverPolyfill2$$module$home$p_himik$dev$git$musicxmlcheck_test$node_modules$react_measure$lib$with_content_rect.default is not a constructor

_resizeObserverPolyfill2$$module$home$p_himik$dev$git$musicxmlcheck_test$node_modules$react_measure$lib$with_content_rect: Object
default:
  default: λ[callback]

@p-himik _interopRequireDefault is from Babel: https://unpkg.com/[email protected]/lib/react-measure.js

default properties are also from Babel, to help the module being used from ES6 modules

So react-measure was built with Babel and uploaded to NPM, but resize-observer-polyfill was not built and was just uploaded?

I have to mention that I know nothing in the modern JS except for some CLJS.

hmh, maybe Closure doesn't understand that __esModule check on interop require call

The name mangling for resize-observer-polyfill didn't create any __esModule mentions.

resize-observer-polyfill also has built files under dist/

Yeah, but there's just export default index;

there is ~infinite number of Babel configurations 😕

But in this case how does that even work for the author of react-measure and all other users of this library?

I don't know, Closure is special case, it might work on browser or node

https://github.com/que-etc/resize-observer-polyfill/blob/master/dist/ResizeObserver.js no ES6 here, the ES6 file is not used by Closure: https://github.com/que-etc/resize-observer-polyfill/blob/master/dist/ResizeObserver.es.js

or hmm... I think it is not used, package.json has main, jsnext:main and module entries, I'm not certain which Cljs/Closure uses