{"parents":["489b4bdcca00ddc808276a230f334c575bce9c84"],"files":[{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMServerSuspense-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactWrongReturnPointer-test.js","status":"M"},{"path":"packages\/react-is\/src\/__tests__\/ReactIs-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js","status":"M"},{"path":"packages\/react-server-dom-relay\/src\/__tests__\/ReactFlightDOMRelay-test.internal.js","status":"M"},{"path":"packages\/react\/index.stable.js","status":"M"},{"path":"scripts\/jest\/TestFlags.js","status":"M"}],"patch":"diff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\nindex 8c282e1bb7..6d169f9fbb 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMFizzServer-test.js\n@@ -42,7 +42,9 @@ describe('ReactDOMFizzServer', () => {\n }\n Stream = require('stream');\n Suspense = React.Suspense;\n- SuspenseList = React.SuspenseList;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n \n PropTypes = require('prop-types');\n \n@@ -656,6 +658,7 @@ describe('ReactDOMFizzServer', () => {\n expect(ref.current).toBe(b);\n });\n \n+ \/\/ @gate enableSuspenseList\n \/\/ @gate experimental\n it('shows inserted items before pending in a SuspenseList as fallbacks while hydrating', async () => {\n const ref = React.createRef();\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\nindex 9aab3bf945..0e1e220e4f 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\n@@ -84,7 +84,9 @@ describe('ReactDOMServerPartialHydration', () => {\n ReactDOMServer = require('react-dom\/server');\n Scheduler = require('scheduler');\n Suspense = React.Suspense;\n- SuspenseList = React.SuspenseList;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n \n IdleEventPriority = require('react-reconciler\/constants').IdleEventPriority;\n });\n@@ -1545,6 +1547,7 @@ describe('ReactDOMServerPartialHydration', () => {\n expect(ref.current).toBe(span);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('shows inserted items in a SuspenseList before content is hydrated', async () => {\n let suspend = false;\n let resolve;\n@@ -1630,6 +1633,7 @@ describe('ReactDOMServerPartialHydration', () => {\n expect(ref.current).toBe(spanB);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('shows is able to hydrate boundaries even if others in a list are pending', async () => {\n let suspend = false;\n let resolve;\n@@ -1704,7 +1708,7 @@ describe('ReactDOMServerPartialHydration', () => {\n expect(container.textContent).toBe('ALoading B');\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate enableSuspenseList\n it('clears server boundaries when SuspenseList runs out of time hydrating', async () => {\n let suspend = false;\n let resolve;\n@@ -1807,6 +1811,7 @@ describe('ReactDOMServerPartialHydration', () => {\n expect(ref.current).toBe(b);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('clears server boundaries when SuspenseList suspends last row hydrating', async () => {\n let suspend = false;\n let resolve;\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSuspense-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSuspense-test.internal.js\nindex 60ab2edbdc..c2eb630e52 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSuspense-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerSuspense-test.internal.js\n@@ -16,6 +16,7 @@ let ReactDOM;\n let ReactDOMServer;\n let ReactTestUtils;\n let act;\n+let SuspenseList;\n \n function initModules() {\n \/\/ Reset warning cache.\n@@ -26,6 +27,9 @@ function initModules() {\n ReactDOMServer = require('react-dom\/server');\n ReactTestUtils = require('react-dom\/test-utils');\n act = require('jest-react').act;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n \n \/\/ Make them available to the helpers.\n return {\n@@ -137,16 +141,17 @@ describe('ReactDOMServerSuspense', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('server renders a SuspenseList component and its children', async () => {\n const example = (\n- \n+ \n \n

A<\/div>\n <\/React.Suspense>\n \n

B<\/div>\n <\/React.Suspense>\n- <\/React.SuspenseList>\n+ <\/SuspenseList>\n );\n const element = await serverRender(example);\n const parent = element.parentNode;\ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactWrongReturnPointer-test.js b\/packages\/react-dom\/src\/__tests__\/ReactWrongReturnPointer-test.js\nindex 66cf344814..ca5c9fac51 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactWrongReturnPointer-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactWrongReturnPointer-test.js\n@@ -24,7 +24,9 @@ beforeEach(() => {\n act = require('jest-react').act;\n \n Suspense = React.Suspense;\n- SuspenseList = React.SuspenseList;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n \n getCacheForType = React.unstable_getCacheForType;\n \n@@ -197,6 +199,7 @@ test('warns in DEV if return pointer is inconsistent', async () => {\n });\n \n \/\/ @gate enableCache\n+\/\/ @gate enableSuspenseList\n test('regression (#20932): return pointer is correct before entering deleted tree', async () => {\n \/\/ Based on a production bug. Designed to trigger a very specific\n \/\/ implementation path.\ndiff --git a\/packages\/react-is\/src\/__tests__\/ReactIs-test.js b\/packages\/react-is\/src\/__tests__\/ReactIs-test.js\nindex b6adc66b00..6a5976e971 100644\n--- a\/packages\/react-is\/src\/__tests__\/ReactIs-test.js\n+++ b\/packages\/react-is\/src\/__tests__\/ReactIs-test.js\n@@ -12,6 +12,7 @@\n let React;\n let ReactDOM;\n let ReactIs;\n+let SuspenseList;\n \n describe('ReactIs', () => {\n beforeEach(() => {\n@@ -20,6 +21,10 @@ describe('ReactIs', () => {\n React = require('react');\n ReactDOM = require('react-dom');\n ReactIs = require('react-is');\n+\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n });\n \n it('should return undefined for unknown\/invalid types', () => {\n@@ -186,10 +191,11 @@ describe('ReactIs', () => {\n expect(ReactIs.isSuspense(

)).toBe(false);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('should identify suspense list', () => {\n- expect(ReactIs.isValidElementType(React.SuspenseList)).toBe(true);\n- expect(ReactIs.typeOf()).toBe(ReactIs.SuspenseList);\n- expect(ReactIs.isSuspenseList()).toBe(true);\n+ expect(ReactIs.isValidElementType(SuspenseList)).toBe(true);\n+ expect(ReactIs.typeOf()).toBe(ReactIs.SuspenseList);\n+ expect(ReactIs.isSuspenseList()).toBe(true);\n expect(ReactIs.isSuspenseList({type: ReactIs.SuspenseList})).toBe(false);\n expect(ReactIs.isSuspenseList('React.SuspenseList')).toBe(false);\n expect(ReactIs.isSuspenseList(

)).toBe(false);\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js\nindex f568e40cca..24e57002ef 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js\n@@ -21,7 +21,9 @@ describe('ReactLazyContextPropagation', () => {\n useState = React.useState;\n useContext = React.useContext;\n Suspense = React.Suspense;\n- SuspenseList = React.SuspenseList;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n \n getCacheForType = React.unstable_getCacheForType;\n \n@@ -651,6 +653,7 @@ describe('ReactLazyContextPropagation', () => {\n expect(root).toMatchRenderedOutput('BBB');\n });\n \n+ \/\/ @gate enableSuspenseList\n test('contexts are propagated through SuspenseList', async () => {\n \/\/ This kinda tests an implementation detail. SuspenseList has an early\n \/\/ bailout that doesn't use `bailoutOnAlreadyFinishedWork`. It probably\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js\nindex dae01c885f..811be09639 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactHooksWithNoopRenderer-test.js\n@@ -34,6 +34,7 @@ let forwardRef;\n let memo;\n let act;\n let ContinuousEventPriority;\n+let SuspenseList;\n \n describe('ReactHooksWithNoopRenderer', () => {\n beforeEach(() => {\n@@ -60,6 +61,9 @@ describe('ReactHooksWithNoopRenderer', () => {\n Suspense = React.Suspense;\n ContinuousEventPriority = require('react-reconciler\/constants')\n .ContinuousEventPriority;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n \n textCache = new Map();\n \n@@ -4291,9 +4295,8 @@ describe('ReactHooksWithNoopRenderer', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('regression: SuspenseList causes unmounts to be dropped on deletion', async () => {\n- const SuspenseList = React.SuspenseList;\n-\n function Row({label}) {\n useEffect(() => {\n Scheduler.unstable_yieldValue('Mount ' + label);\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js\nindex e969a59c4f..d357094f78 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseList-test.js\n@@ -16,7 +16,9 @@ describe('ReactSuspenseList', () => {\n act = require('jest-react').act;\n Profiler = React.Profiler;\n Suspense = React.Suspense;\n- SuspenseList = React.SuspenseList;\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n });\n \n function Text(props) {\n@@ -42,6 +44,7 @@ describe('ReactSuspenseList', () => {\n return Component;\n }\n \n+ \/\/ @gate enableSuspenseList\n it('warns if an unsupported revealOrder option is used', () => {\n function Foo() {\n return (\n@@ -61,6 +64,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if a upper case revealOrder option is used', () => {\n function Foo() {\n return (\n@@ -80,6 +84,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if a misspelled revealOrder option is used', () => {\n function Foo() {\n return (\n@@ -100,6 +105,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if a single element is passed to a \"forwards\" list', () => {\n function Foo({children}) {\n return {children}<\/SuspenseList>;\n@@ -132,6 +138,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if a single fragment is passed to a \"backwards\" list', () => {\n function Foo() {\n return (\n@@ -152,6 +159,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if a nested array is passed to a \"forwards\" list', () => {\n function Foo({items}) {\n return (\n@@ -179,6 +187,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('shows content independently by default', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -245,6 +254,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('shows content independently in legacy mode regardless of option', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -315,6 +325,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays all \"together\"', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -384,6 +395,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays all \"together\" even when nested as siblings', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -469,6 +481,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays all \"together\" in nested SuspenseLists', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -530,6 +543,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays all \"together\" in nested SuspenseLists where the inner is default', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -589,6 +603,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays all \"together\" during an update', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -673,6 +688,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('avoided boundaries can be coordinate with SuspenseList', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -771,6 +787,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('boundaries without fallbacks can be coordinate with SuspenseList', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -854,6 +871,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays each items in \"forwards\" order', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -919,6 +937,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays each items in \"backwards\" order', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -984,6 +1003,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays added row at the top \"together\" and the bottom in \"forwards\" order', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -1138,6 +1158,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('displays added row at the top \"together\" and the bottom in \"backwards\" order', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -1322,6 +1343,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('switches to rendering fallbacks if the tail takes long CPU time', async () => {\n function Foo() {\n return (\n@@ -1390,6 +1412,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('only shows one loading state at a time for \"collapsed\" tail insertions', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -1459,6 +1482,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if an unsupported tail option is used', () => {\n function Foo() {\n return (\n@@ -1479,6 +1503,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('warns if a tail option is used with \"together\"', () => {\n function Foo() {\n return (\n@@ -1499,6 +1524,7 @@ describe('ReactSuspenseList', () => {\n ]);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('renders one \"collapsed\" fallback even if CPU time elapsed', async () => {\n function Foo() {\n return (\n@@ -1571,6 +1597,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('adding to the middle does not collapse insertions (forwards)', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -1713,6 +1740,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('adding to the middle does not collapse insertions (backwards)', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -1860,6 +1888,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('adding to the middle of committed tail does not collapse insertions', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -2017,6 +2046,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('only shows no initial loading state \"hidden\" tail insertions', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -2080,6 +2110,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('eventually resolves a nested forwards suspense list', async () => {\n const B = createAsyncText('B');\n \n@@ -2142,6 +2173,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('eventually resolves a nested forwards suspense list with a hidden tail', async () => {\n const B = createAsyncText('B');\n \n@@ -2188,6 +2220,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('eventually resolves two nested forwards suspense lists with a hidden tail', async () => {\n const B = createAsyncText('B');\n \n@@ -2255,6 +2288,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('can do unrelated adjacent updates', async () => {\n let updateAdjacent;\n function Adjacent() {\n@@ -2301,6 +2335,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('is able to re-suspend the last rows during an update with hidden', async () => {\n const AsyncB = createAsyncText('B');\n \n@@ -2389,6 +2424,7 @@ describe('ReactSuspenseList', () => {\n expect(previousInst).toBe(setAsyncB);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('is able to re-suspend the last rows during an update with hidden', async () => {\n const AsyncB = createAsyncText('B');\n \n@@ -2477,6 +2513,7 @@ describe('ReactSuspenseList', () => {\n expect(previousInst).toBe(setAsyncB);\n });\n \n+ \/\/ @gate enableSuspenseList\n it('is able to interrupt a partially rendered tree and continue later', async () => {\n const AsyncA = createAsyncText('A');\n \n@@ -2555,6 +2592,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('can resume class components when revealed together', async () => {\n const A = createAsyncText('A');\n const B = createAsyncText('B');\n@@ -2617,6 +2655,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('should be able to progressively show CPU expensive rows with two pass rendering', async () => {\n function TwoPass({text}) {\n const [pass, setPass] = React.useState(0);\n@@ -2687,6 +2726,7 @@ describe('ReactSuspenseList', () => {\n );\n });\n \n+ \/\/ @gate enableSuspenseList\n it('should be able to progressively show rows with two pass rendering and visible', async () => {\n function TwoPass({text}) {\n const [pass, setPass] = React.useState(0);\n@@ -2769,6 +2809,7 @@ describe('ReactSuspenseList', () => {\n });\n \n \/\/ @gate enableProfilerTimer\n+ \/\/ @gate enableSuspenseList\n it('counts the actual duration when profiling a SuspenseList', async () => {\n \/\/ Order of parameters: id, phase, actualDuration, treeBaseDuration\n const onRender = jest.fn();\ndiff --git a\/packages\/react-server-dom-relay\/src\/__tests__\/ReactFlightDOMRelay-test.internal.js b\/packages\/react-server-dom-relay\/src\/__tests__\/ReactFlightDOMRelay-test.internal.js\nindex 75ac4ef885..11d25a5a11 100644\n--- a\/packages\/react-server-dom-relay\/src\/__tests__\/ReactFlightDOMRelay-test.internal.js\n+++ b\/packages\/react-server-dom-relay\/src\/__tests__\/ReactFlightDOMRelay-test.internal.js\n@@ -13,6 +13,7 @@ let ReactDOM;\n let JSResourceReference;\n let ReactDOMFlightRelayServer;\n let ReactDOMFlightRelayClient;\n+let SuspenseList;\n \n describe('ReactFlightDOMRelay', () => {\n beforeEach(() => {\n@@ -24,6 +25,9 @@ describe('ReactFlightDOMRelay', () => {\n ReactDOMFlightRelayServer = require('react-server-dom-relay\/server');\n ReactDOMFlightRelayClient = require('react-server-dom-relay');\n JSResourceReference = require('JSResourceReference');\n+ if (gate(flags => flags.enableSuspenseList)) {\n+ SuspenseList = React.SuspenseList;\n+ }\n });\n \n function readThrough(data) {\n@@ -104,16 +108,9 @@ describe('ReactFlightDOMRelay', () => {\n expect(container.innerHTML).toEqual('Hello, Seb Smith<\/span>');\n });\n \n+ \/\/ @gate enableSuspenseList\n it('can reasonably handle different element types', () => {\n- const {\n- forwardRef,\n- memo,\n- Fragment,\n- StrictMode,\n- Profiler,\n- Suspense,\n- SuspenseList,\n- } = React;\n+ const {forwardRef, memo, Fragment, StrictMode, Profiler, Suspense} = React;\n \n const Inner = memo(\n forwardRef((props, ref) => {\ndiff --git a\/packages\/react\/index.stable.js b\/packages\/react\/index.stable.js\nindex 234ec8336a..b0f6f409bb 100644\n--- a\/packages\/react\/index.stable.js\n+++ b\/packages\/react\/index.stable.js\n@@ -17,7 +17,6 @@ export {\n PureComponent,\n StrictMode,\n Suspense,\n- SuspenseList,\n cloneElement,\n createContext,\n createElement,\ndiff --git a\/scripts\/jest\/TestFlags.js b\/scripts\/jest\/TestFlags.js\nindex af83baf0f3..e76a936383 100644\n--- a\/scripts\/jest\/TestFlags.js\n+++ b\/scripts\/jest\/TestFlags.js\n@@ -86,6 +86,7 @@ function getTestFlags() {\n \n \/\/ This isn't a flag, just a useful alias for tests.\n enableUseSyncExternalStoreShim: !__VARIANT__,\n+ enableSuspenseList: releaseChannel === 'experimental' || www,\n \n \/\/ If there's a naming conflict between scheduler and React feature flags, the\n \/\/ React ones take precedence.\n","commit":{"authorEmail":"git@andrewclark.io","authoredAt":"2021-11-15T13:12:56-05:00","revision":"83564712b6e2907dcffdbf5f99b4713cf6c950de","shortRevision":"83564712b6","authorName":"Andrew Clark","subject":"Move SuspenseList to experimental channel (#22765)"},"body":"There's more work to be done to implement this correctly on the server,\r\nso we're going to wait to release it until an 18.x minor."}

dillon1000/react

Files changed