From d0196bdf9b148ac21f8629592574bed933e8a8be Mon Sep 17 00:00:00 2001 From: lossir Date: Tue, 20 Apr 2021 01:42:37 +0500 Subject: [PATCH 1/6] refactor(listenFocusOutside): remove unnecessary code for old Firefox --- packages/react-ui/lib/listenFocusOutside.ts | 17 ++--------------- 1 file changed, 2 insertions(+), 15 deletions(-) diff --git a/packages/react-ui/lib/listenFocusOutside.ts b/packages/react-ui/lib/listenFocusOutside.ts index a54c898e13..459adf77e3 100644 --- a/packages/react-ui/lib/listenFocusOutside.ts +++ b/packages/react-ui/lib/listenFocusOutside.ts @@ -1,7 +1,6 @@ import ReactDOM from 'react-dom'; -import debounce from 'lodash.debounce'; -import { isBrowser, isFirefox } from './client'; +import { isBrowser } from './client'; interface FocusOutsideEventHandler { elements: HTMLElement[] | (() => HTMLElement[]); @@ -11,19 +10,7 @@ interface FocusOutsideEventHandler { const handlers: FocusOutsideEventHandler[] = []; function addHandleEvent() { - /** - * Firefox do not supports 'focusin' event. - * Focus events bubbles multiple time - * without possibilty to cancell bubbling. - * Using debounce to capture only first focus event - * Mozilla Firefix - * ¯\_(ツ)_/¯ - */ - document.body.addEventListener( - isFirefox ? 'focus' : ('focusin' as 'focus'), - isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus, - isFirefox, - ); + document.body.addEventListener('focusin', handleNativeFocus); } if (isBrowser) { From 943c1c725712acf6fe1b97af3562dd2e009f0b9d Mon Sep 17 00:00:00 2001 From: lossir Date: Tue, 27 Apr 2021 01:25:31 +0500 Subject: [PATCH 2/6] fix(DropdownContainer): fix positioning via Portal by scrolling --- .../long Items scroll/chrome/long Items scroll.png | 4 ++-- .../long Items scroll/chrome8px/long Items scroll.png | 4 ++-- .../long Items scroll/firefox/long Items scroll.png | 4 ++-- .../long Items scroll/firefox8px/long Items scroll.png | 4 ++-- .../long Items scroll/ie11/long Items scroll.png | 4 ++-- .../long Items scroll/ie118px/long Items scroll.png | 4 ++-- .../short Items scroll/chrome/short Items scroll.png | 4 ++-- .../short Items scroll/chrome8px/short Items scroll.png | 4 ++-- .../short Items scroll/firefox/short Items scroll.png | 4 ++-- .../short Items scroll/firefox8px/short Items scroll.png | 4 ++-- .../short Items scroll/ie11/short Items scroll.png | 4 ++-- .../short Items scroll/ie118px/short Items scroll.png | 4 ++-- .../__stories__/DropdownContainer.stories.tsx | 2 +- packages/react-ui/lib/LayoutEvents.ts | 8 ++++---- 14 files changed, 29 insertions(+), 29 deletions(-) diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome/long Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome/long Items scroll.png index bf49833029..73a9c272fe 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome/long Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome/long Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:57f7c4ebc85ae12ffe7cb6cb1bcfd8f5e79d1154c562c7f5ca805946743b7f38 -size 166068 +oid sha256:a3fbf9adf302794ea49340cf76e7559f52f8785861ffde83ce8aedf103edfab1 +size 124100 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome8px/long Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome8px/long Items scroll.png index 66afc00baf..3eaaae506f 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome8px/long Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/chrome8px/long Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:a8aadf74d5eddd15061f5d39e3712607e7afccbe1ed3922c2212ab94b72f41d8 -size 171586 +oid sha256:667fd2d28a3c02d6e52622886d4d26d307bb68c2ab17994f084bc15621d319b5 +size 133190 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox/long Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox/long Items scroll.png index bef36ac86c..36570d70d6 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox/long Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox/long Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9f899aa9148b084fa8f05f000080b927bda4bcdf45895395f10be2cc8c2b4b18 -size 66416 +oid sha256:465926c7e9ed4bc545876a1f285d333bf13a13f5613037e2ed755874fe4b6411 +size 47578 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox8px/long Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox8px/long Items scroll.png index f779791ce6..cbfc14b67b 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox8px/long Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/firefox8px/long Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:83a192ce71ed64eb0a90d58f8ea858af02f2e12203f17455e4b4ed0d85cbf56b -size 76424 +oid sha256:2e20f8389a9b6cb574cac0255a4ac3993207ef02f9ff49c0cf009406dae5c777 +size 54944 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie11/long Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie11/long Items scroll.png index a7ca2ad5de..ccdd3b8c69 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie11/long Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie11/long Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:6ff0f9b7db0ed4b868a32c611b67a817403fcc333a53b5fed009ffea6fcada2a -size 89854 +oid sha256:b9a79c098bae4e7cda0d5ffac45fe076110fa650c9fdd985fad06fcea1ec9947 +size 66014 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie118px/long Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie118px/long Items scroll.png index cd2e46e0cf..91ca56bad6 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie118px/long Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/long Items scroll/ie118px/long Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:16ebd1ebe027b9fc874eec825c2d7702a7d29b7991545afe036e4648cbd31202 -size 95197 +oid sha256:3e232ee2a0a922f724df22c031882fa44c8aa88a02686522044b820c25942e33 +size 70203 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome/short Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome/short Items scroll.png index 8e5efd2952..46f36b8204 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome/short Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome/short Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:70b923a97c6ef6e34a792ef1a2ceeff3f6cf0e4b8718a344136c4fc7879e7a1b -size 91591 +oid sha256:b57cefc08cb64957def6599f640cd774a75d09182c15d1af72cb562a1e50b7c9 +size 76773 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome8px/short Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome8px/short Items scroll.png index 97d299e140..fb413a4fa0 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome8px/short Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/chrome8px/short Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:a9735d414f6a319d8cf7b90535f27088731405eec4dfdc3822339af3c00fd3e6 -size 102866 +oid sha256:5d6bbf3f32a188d826a17af7ec87fb5a6e52263359add42e531c7af200293fa4 +size 87161 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox/short Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox/short Items scroll.png index 10a2372aee..4362c04daa 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox/short Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox/short Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:9b856b3635617469ec3050bdd4ffc699776a1dfcb48eee6e694a0e9491e6dec0 -size 49286 +oid sha256:e508ea6465cabe1cc8d20fe6bf98655f0b23e516aaee41ab2fa5a46c791237fb +size 42363 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox8px/short Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox8px/short Items scroll.png index c4b160ba16..9b53ff9000 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox8px/short Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/firefox8px/short Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:b988fd9119766ee13e1ea304ab553e7b1f8bb74403bf203c9ef109b9fe477a90 -size 55624 +oid sha256:999289a1a1968691f7913f76b65e5583f9f542965b3cf9f24c993d9b0c42046e +size 47994 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie11/short Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie11/short Items scroll.png index 0675df85ec..9caa50f62d 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie11/short Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie11/short Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:e95e90a7083ae165477f7c2c59a719d71633f04ea81f55beca495f31d9fc7aee -size 54278 +oid sha256:30a79bfb2b398614afd08eca8d1ba45da6b500999c81e1b09c645cc6a42e542c +size 46384 diff --git a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie118px/short Items scroll.png b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie118px/short Items scroll.png index 3deba9bda6..b8218a42b1 100644 --- a/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie118px/short Items scroll.png +++ b/packages/react-ui/.creevey/images/DropdownContainer/various aligns, portals, items and scrolls/short Items scroll/ie118px/short Items scroll.png @@ -1,3 +1,3 @@ version https://git-lfs.github.com/spec/v1 -oid sha256:982d3dc6cca39e8ed720d6335e141831f680af6cf4f6885dc3011a792bd3d844 -size 57647 +oid sha256:dcbc0cf71b47df5f4b047973ca5273389233ab6bcfd54ef5d8918fd3a42c8d4e +size 49830 diff --git a/packages/react-ui/internal/DropdownContainer/__stories__/DropdownContainer.stories.tsx b/packages/react-ui/internal/DropdownContainer/__stories__/DropdownContainer.stories.tsx index c729378f30..54df7185aa 100644 --- a/packages/react-ui/internal/DropdownContainer/__stories__/DropdownContainer.stories.tsx +++ b/packages/react-ui/internal/DropdownContainer/__stories__/DropdownContainer.stories.tsx @@ -151,7 +151,7 @@ class VariousAlignsPortalsItemsAndScrolls extends React.Component { dropdownProps={{ align, disablePortal }} > - + {`${row}/${col}/align-${align}/portal-${!disablePortal}; `.repeat(long ? 3 : 1)} diff --git a/packages/react-ui/lib/LayoutEvents.ts b/packages/react-ui/lib/LayoutEvents.ts index 1fde228116..8bc6330716 100644 --- a/packages/react-ui/lib/LayoutEvents.ts +++ b/packages/react-ui/lib/LayoutEvents.ts @@ -10,13 +10,13 @@ function getEmitter() { } function listenBrowserEvents() { - window.addEventListener('scroll', emit); - window.addEventListener('resize', emit); + window.addEventListener('scroll', emit, { capture: true }); + window.addEventListener('resize', emit, { capture: true }); } function unlistenBrowserEvents() { - window.removeEventListener('scroll', emit); - window.removeEventListener('resize', emit); + window.removeEventListener('scroll', emit, { capture: true }); + window.removeEventListener('resize', emit, { capture: true }); } export function addListener(callback: () => void) { From 4bf82bc3f4025eb86374b6107f0b27045ab648fd Mon Sep 17 00:00:00 2001 From: lossir Date: Tue, 27 Apr 2021 11:40:14 +0500 Subject: [PATCH 3/6] refactor: various edits for compatibility with React 17 --- .../DateInput/helpers/SelectionHelpers.tsx | 2 +- packages/react-ui/components/Input/Input.tsx | 2 +- .../react-ui/components/Textarea/Textarea.tsx | 17 +++++++++++++++-- packages/react-ui/lib/listenFocusOutside.ts | 2 +- 4 files changed, 18 insertions(+), 5 deletions(-) diff --git a/packages/react-ui/components/DateInput/helpers/SelectionHelpers.tsx b/packages/react-ui/components/DateInput/helpers/SelectionHelpers.tsx index 6cb555b3e1..ed08e4738e 100644 --- a/packages/react-ui/components/DateInput/helpers/SelectionHelpers.tsx +++ b/packages/react-ui/components/DateInput/helpers/SelectionHelpers.tsx @@ -2,7 +2,7 @@ export const selectNodeContents = (node: HTMLElement | null, start?: number, end if (!node) { return; } - if (document.createRange) { + if ('createRange' in document) { try { const selection = window.getSelection(); const range = window.document.createRange(); diff --git a/packages/react-ui/components/Input/Input.tsx b/packages/react-ui/components/Input/Input.tsx index b1f749d7b5..fce9a04771 100644 --- a/packages/react-ui/components/Input/Input.tsx +++ b/packages/react-ui/components/Input/Input.tsx @@ -466,7 +466,7 @@ export class Input extends React.Component { if (this.props.selectAllOnFocus) { // https://github.com/facebook/react/issues/7769 - this.input ? this.selectAll() : this.delaySelectAll(); + this.input && !isIE11 ? this.selectAll() : this.delaySelectAll(); } if (this.props.onFocus) { diff --git a/packages/react-ui/components/Textarea/Textarea.tsx b/packages/react-ui/components/Textarea/Textarea.tsx index 92d1836472..b1e002b8b4 100644 --- a/packages/react-ui/components/Textarea/Textarea.tsx +++ b/packages/react-ui/components/Textarea/Textarea.tsx @@ -2,6 +2,7 @@ import React, { ReactNode } from 'react'; import PropTypes from 'prop-types'; import throttle from 'lodash.throttle'; import cn from 'classnames'; +import raf from 'raf'; import { isKeyEnter } from '../../lib/events/keyboard/identifiers'; import { polyfillPlaceholder } from '../../lib/polyfillPlaceholder'; @@ -11,7 +12,7 @@ import { ThemeContext } from '../../lib/theming/ThemeContext'; import { Theme } from '../../lib/theming/Theme'; import { RenderLayer } from '../../internal/RenderLayer'; import { ResizeDetector } from '../../internal/ResizeDetector'; -import { isBrowser } from '../../lib/client'; +import { isBrowser, isIE11 } from '../../lib/client'; import { CommonProps, CommonWrapper, CommonWrapperRestProps } from '../../internal/CommonWrapper'; import { isTestEnv } from '../../lib/currentEnvironment'; @@ -189,6 +190,7 @@ export class Textarea extends React.Component { }; private theme!: Theme; + private selectAllId: number | null = null; private node: Nullable; private fakeNode: Nullable; private counter: Nullable; @@ -221,6 +223,7 @@ export class Textarea extends React.Component { if (this.props.showLengthCounter && this.textareaObserver) { this.textareaObserver.disconnect(); } + this.cancelDelayedSelectAll(); } public componentDidUpdate(prevProps: TextareaProps) { @@ -286,6 +289,15 @@ export class Textarea extends React.Component { } }; + private delaySelectAll = (): number => (this.selectAllId = raf(this.selectAll)); + + private cancelDelayedSelectAll = (): void => { + if (this.selectAllId) { + raf.cancel(this.selectAllId); + this.selectAllId = null; + } + }; + private renderMain = (props: CommonWrapperRestProps) => { const { width = DEFAULT_WIDTH, @@ -497,7 +509,8 @@ export class Textarea extends React.Component { this.setState({ isCounterVisible: true }); if (this.props.selectAllOnFocus) { - this.selectAll(); + // https://github.com/facebook/react/issues/7769 + this.node && !isIE11 ? this.selectAll() : this.delaySelectAll(); } if (this.props.onFocus) { diff --git a/packages/react-ui/lib/listenFocusOutside.ts b/packages/react-ui/lib/listenFocusOutside.ts index 459adf77e3..e987cb4c55 100644 --- a/packages/react-ui/lib/listenFocusOutside.ts +++ b/packages/react-ui/lib/listenFocusOutside.ts @@ -10,7 +10,7 @@ interface FocusOutsideEventHandler { const handlers: FocusOutsideEventHandler[] = []; function addHandleEvent() { - document.body.addEventListener('focusin', handleNativeFocus); + document.body.addEventListener('focusin', handleNativeFocus, { capture: true }); } if (isBrowser) { From 2e9dee90c729808329f8693c66f37b28031c3409 Mon Sep 17 00:00:00 2001 From: lossir Date: Thu, 6 May 2021 10:46:35 +0500 Subject: [PATCH 4/6] refactor(listenFocusOutside): revert changes --- packages/react-ui/lib/listenFocusOutside.ts | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) diff --git a/packages/react-ui/lib/listenFocusOutside.ts b/packages/react-ui/lib/listenFocusOutside.ts index e987cb4c55..a54c898e13 100644 --- a/packages/react-ui/lib/listenFocusOutside.ts +++ b/packages/react-ui/lib/listenFocusOutside.ts @@ -1,6 +1,7 @@ import ReactDOM from 'react-dom'; +import debounce from 'lodash.debounce'; -import { isBrowser } from './client'; +import { isBrowser, isFirefox } from './client'; interface FocusOutsideEventHandler { elements: HTMLElement[] | (() => HTMLElement[]); @@ -10,7 +11,19 @@ interface FocusOutsideEventHandler { const handlers: FocusOutsideEventHandler[] = []; function addHandleEvent() { - document.body.addEventListener('focusin', handleNativeFocus, { capture: true }); + /** + * Firefox do not supports 'focusin' event. + * Focus events bubbles multiple time + * without possibilty to cancell bubbling. + * Using debounce to capture only first focus event + * Mozilla Firefix + * ¯\_(ツ)_/¯ + */ + document.body.addEventListener( + isFirefox ? 'focus' : ('focusin' as 'focus'), + isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus, + isFirefox, + ); } if (isBrowser) { From 243b88a6d4c837d3c0c1863dac1edc988b5dcbf9 Mon Sep 17 00:00:00 2001 From: lossir Date: Fri, 7 May 2021 11:56:32 +0500 Subject: [PATCH 5/6] refactor(listenFocusOutside): set capture phase for all browsers --- packages/react-ui/lib/listenFocusOutside.ts | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/packages/react-ui/lib/listenFocusOutside.ts b/packages/react-ui/lib/listenFocusOutside.ts index a54c898e13..f22b6babf2 100644 --- a/packages/react-ui/lib/listenFocusOutside.ts +++ b/packages/react-ui/lib/listenFocusOutside.ts @@ -22,7 +22,7 @@ function addHandleEvent() { document.body.addEventListener( isFirefox ? 'focus' : ('focusin' as 'focus'), isFirefox ? debounce(handleNativeFocus, 0, { leading: true, trailing: false }) : handleNativeFocus, - isFirefox, + { capture: true }, ); } From 0114f143dee96eb503c5da27453962fbf1ada02f Mon Sep 17 00:00:00 2001 From: lossir Date: Tue, 11 May 2021 14:45:27 +0500 Subject: [PATCH 6/6] build: remove constraint until React 17 --- packages/react-ui/package.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/react-ui/package.json b/packages/react-ui/package.json index 6d4321169d..3d97d62072 100644 --- a/packages/react-ui/package.json +++ b/packages/react-ui/package.json @@ -154,8 +154,8 @@ "webpack": "^4.41.2" }, "peerDependencies": { - "react": ">=16.9 <17", - "react-dom": ">=16.9 <17" + "react": ">=16.9", + "react-dom": ">=16.9" }, "jest": { "testResultsProcessor": "jest-teamcity-reporter",