From 4dfb25870f7d30ef14ecc6178e7efdce6b12f59d Mon Sep 17 00:00:00 2001 From: streamich Date: Sun, 12 Jan 2020 17:17:21 +0100 Subject: [PATCH] =?UTF-8?q?docs:=20=E2=9C=8F=EF=B8=8F=20mention=20ResizeOb?= =?UTF-8?q?server=20polyfill=20in=20docs?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- docs/useMeasure.md | 15 +++++++++++++++ 1 file changed, 15 insertions(+) diff --git a/docs/useMeasure.md b/docs/useMeasure.md index d8e87a0c..306fec3b 100644 --- a/docs/useMeasure.md +++ b/docs/useMeasure.md @@ -25,6 +25,21 @@ const Demo = () => { }; ``` +This hook uses [`ResizeObserver` API][resize-observer], if you want to support +legacy browsers, consider installing [`resize-observer-polyfill`][resize-observer-polyfill] +before running your app. + +```js +if (!window.ResizeObserver) { + window.ResizeObserver = (await import('resize-observer-polyfill')).default; +} +``` + + ## Related hooks - [useSize](./useSize.md) + + +[resize-observer]: https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver +[resize-observer-polyfill]: https://www.npmjs.com/package/resize-observer-polyfill