Error when compiling: Property 'contentRect' must be of type 'DOMRectReadOnly'

[wendellestradairely]

Compiling TypeScript sources through NGC
ERROR: node_modules/resize-observer-polyfill/src/index.d.ts:19:18 - error TS2717: Subsequent property declarations must have the same type.  Property 'contentRect' must be of type 'DOMRectReadOnly', but here has type 'DOMRectReadOnly'.

19         readonly contentRect: DOMRectReadOnly;
                    ~~~~~~~~~~~

[wendellestradairely]

I think this happens when "@types/resize-observer-browser" is also installed.

[alecgibson]

We don't have @types/resize-observer-browser installed, but also get this issue.

[alecgibson]

The issue is because the latest version of TypeScript ships with an official type definition, which this library conflicts with.

[grosch]

How do we resolve? I'm getting this package because another one I install depends on it.

[alecgibson]

We've quick-fixed it by just using:

const ResizeObserverPolyfill = require('resize-observer-polyfill');

const observer: ResizeObserver = new ResizeObserverPolyfill();

But that obviously only works if you have a direct dependency on it.

I guess you'd have to reach out to whichever library is using it, and ask them to do something about it?

[grosch]

Is there any ETA on this getting officially fixed?

[juzeppe9000]

When this fix will be merged into master?