{"patch":"diff --git a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\nindex 7e25788c92..6d02211edf 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js\n@@ -3197,7 +3197,7 @@ describe('ReactDOMServerPartialHydration', () => {\n expect(span.innerHTML).toBe('Hidden child');\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('renders a hidden LegacyHidden component inside a Suspense boundary', async () => {\n const ref = React.createRef();\n \n@@ -3225,7 +3225,7 @@ describe('ReactDOMServerPartialHydration', () => {\n expect(span.innerHTML).toBe('Hidden child');\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('renders a visible LegacyHidden component', async () => {\n const ref = React.createRef();\n \ndiff --git a\/packages\/react-dom\/src\/__tests__\/ReactUpdates-test.js b\/packages\/react-dom\/src\/__tests__\/ReactUpdates-test.js\nindex 9e81a3b20f..4fe596b9b7 100644\n--- a\/packages\/react-dom\/src\/__tests__\/ReactUpdates-test.js\n+++ b\/packages\/react-dom\/src\/__tests__\/ReactUpdates-test.js\n@@ -1302,7 +1302,7 @@ describe('ReactUpdates', () => {\n expect(ops).toEqual(['Foo', 'Bar', 'Baz']);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('delays sync updates inside hidden subtrees in Concurrent Mode', () => {\n const container = document.createElement('div');\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiber.new.js b\/packages\/react-reconciler\/src\/ReactFiber.new.js\nindex 977a3f67e0..1509d22011 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiber.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiber.new.js\n@@ -23,6 +23,7 @@ import {\n enableStrictEffects,\n enableProfilerTimer,\n enableScopeAPI,\n+ enableLegacyHidden,\n enableSyncDefaultUpdates,\n allowConcurrentByDefault,\n enableTransitionTracing,\n@@ -510,7 +511,10 @@ export function createFiberFromTypeAndProps(\n case REACT_OFFSCREEN_TYPE:\n return createFiberFromOffscreen(pendingProps, mode, lanes, key);\n case REACT_LEGACY_HIDDEN_TYPE:\n- return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);\n+ if (enableLegacyHidden) {\n+ return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);\n+ }\n+ \/\/ eslint-disable-next-line no-fallthrough\n case REACT_SCOPE_TYPE:\n if (enableScopeAPI) {\n return createFiberFromScope(type, pendingProps, mode, lanes, key);\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiber.old.js b\/packages\/react-reconciler\/src\/ReactFiber.old.js\nindex 8999226fc2..ba9f5132b4 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiber.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiber.old.js\n@@ -23,6 +23,7 @@ import {\n enableStrictEffects,\n enableProfilerTimer,\n enableScopeAPI,\n+ enableLegacyHidden,\n enableSyncDefaultUpdates,\n allowConcurrentByDefault,\n enableTransitionTracing,\n@@ -510,7 +511,10 @@ export function createFiberFromTypeAndProps(\n case REACT_OFFSCREEN_TYPE:\n return createFiberFromOffscreen(pendingProps, mode, lanes, key);\n case REACT_LEGACY_HIDDEN_TYPE:\n- return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);\n+ if (enableLegacyHidden) {\n+ return createFiberFromLegacyHidden(pendingProps, mode, lanes, key);\n+ }\n+ \/\/ eslint-disable-next-line no-fallthrough\n case REACT_SCOPE_TYPE:\n if (enableScopeAPI) {\n return createFiberFromScope(type, pendingProps, mode, lanes, key);\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js\nindex 181d32febf..4bae5d0b7b 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js\n@@ -98,6 +98,7 @@ import {\n enableSchedulingProfiler,\n enablePersistentOffscreenHostContainer,\n enableTransitionTracing,\n+ enableLegacyHidden,\n } from 'shared\/ReactFeatureFlags';\n import isArray from 'shared\/isArray';\n import shallowEqual from 'shared\/shallowEqual';\n@@ -640,7 +641,7 @@ function updateOffscreenComponent(\n \n if (\n nextProps.mode === 'hidden' ||\n- nextProps.mode === 'unstable-defer-without-hiding'\n+ (enableLegacyHidden && nextProps.mode === 'unstable-defer-without-hiding')\n ) {\n \/\/ Rendering a hidden tree.\n if ((workInProgress.mode & ConcurrentMode) === NoMode) {\n@@ -774,7 +775,7 @@ function updateOffscreenComponent(\n \/\/ or some other infra that expects a HostComponent.\n const isHidden =\n nextProps.mode === 'hidden' &&\n- workInProgress.tag !== LegacyHiddenComponent;\n+ (!enableLegacyHidden || workInProgress.tag !== LegacyHiddenComponent);\n const offscreenContainer = reconcileOffscreenHostContainer(\n current,\n workInProgress,\n@@ -3948,7 +3949,14 @@ function beginWork(\n return updateOffscreenComponent(current, workInProgress, renderLanes);\n }\n case LegacyHiddenComponent: {\n- return updateLegacyHiddenComponent(current, workInProgress, renderLanes);\n+ if (enableLegacyHidden) {\n+ return updateLegacyHiddenComponent(\n+ current,\n+ workInProgress,\n+ renderLanes,\n+ );\n+ }\n+ break;\n }\n case CacheComponent: {\n if (enableCache) {\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js\nindex 57a8f9c48f..583539dd08 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js\n@@ -98,6 +98,7 @@ import {\n enableSchedulingProfiler,\n enablePersistentOffscreenHostContainer,\n enableTransitionTracing,\n+ enableLegacyHidden,\n } from 'shared\/ReactFeatureFlags';\n import isArray from 'shared\/isArray';\n import shallowEqual from 'shared\/shallowEqual';\n@@ -640,7 +641,7 @@ function updateOffscreenComponent(\n \n if (\n nextProps.mode === 'hidden' ||\n- nextProps.mode === 'unstable-defer-without-hiding'\n+ (enableLegacyHidden && nextProps.mode === 'unstable-defer-without-hiding')\n ) {\n \/\/ Rendering a hidden tree.\n if ((workInProgress.mode & ConcurrentMode) === NoMode) {\n@@ -774,7 +775,7 @@ function updateOffscreenComponent(\n \/\/ or some other infra that expects a HostComponent.\n const isHidden =\n nextProps.mode === 'hidden' &&\n- workInProgress.tag !== LegacyHiddenComponent;\n+ (!enableLegacyHidden || workInProgress.tag !== LegacyHiddenComponent);\n const offscreenContainer = reconcileOffscreenHostContainer(\n current,\n workInProgress,\n@@ -3948,7 +3949,14 @@ function beginWork(\n return updateOffscreenComponent(current, workInProgress, renderLanes);\n }\n case LegacyHiddenComponent: {\n- return updateLegacyHiddenComponent(current, workInProgress, renderLanes);\n+ if (enableLegacyHidden) {\n+ return updateLegacyHiddenComponent(\n+ current,\n+ workInProgress,\n+ renderLanes,\n+ );\n+ }\n+ break;\n }\n case CacheComponent: {\n if (enableCache) {\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js\nindex 3ca22e5826..2a44cf94a1 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js\n@@ -32,6 +32,7 @@ import type {Cache} from '.\/ReactFiberCacheComponent.new';\n import {\n enableClientRenderFallbackOnHydrationMismatch,\n enableSuspenseAvoidThisFallback,\n+ enableLegacyHidden,\n } from 'shared\/ReactFeatureFlags';\n \n import {resetWorkInProgressVersions as resetMutableSourceWorkInProgressVersions} from '.\/ReactMutableSource.new';\n@@ -1499,9 +1500,8 @@ function completeWork(\n const prevIsHidden = prevState !== null;\n if (\n prevIsHidden !== nextIsHidden &&\n- newProps.mode !== 'unstable-defer-without-hiding' &&\n \/\/ LegacyHidden doesn't do any hiding — it only pre-renders.\n- workInProgress.tag !== LegacyHiddenComponent\n+ (!enableLegacyHidden || workInProgress.tag !== LegacyHiddenComponent)\n ) {\n workInProgress.flags |= Visibility;\n }\n@@ -1519,9 +1519,9 @@ function completeWork(\n \/\/ If so, we need to hide those nodes in the commit phase, so\n \/\/ schedule a visibility effect.\n if (\n- workInProgress.tag !== LegacyHiddenComponent &&\n- workInProgress.subtreeFlags & (Placement | Update) &&\n- newProps.mode !== 'unstable-defer-without-hiding'\n+ (!enableLegacyHidden ||\n+ workInProgress.tag !== LegacyHiddenComponent) &&\n+ workInProgress.subtreeFlags & (Placement | Update)\n ) {\n workInProgress.flags |= Visibility;\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js\nindex bea755f7b4..f02a20222d 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js\n@@ -32,6 +32,7 @@ import type {Cache} from '.\/ReactFiberCacheComponent.old';\n import {\n enableClientRenderFallbackOnHydrationMismatch,\n enableSuspenseAvoidThisFallback,\n+ enableLegacyHidden,\n } from 'shared\/ReactFeatureFlags';\n \n import {resetWorkInProgressVersions as resetMutableSourceWorkInProgressVersions} from '.\/ReactMutableSource.old';\n@@ -1499,9 +1500,8 @@ function completeWork(\n const prevIsHidden = prevState !== null;\n if (\n prevIsHidden !== nextIsHidden &&\n- newProps.mode !== 'unstable-defer-without-hiding' &&\n \/\/ LegacyHidden doesn't do any hiding — it only pre-renders.\n- workInProgress.tag !== LegacyHiddenComponent\n+ (!enableLegacyHidden || workInProgress.tag !== LegacyHiddenComponent)\n ) {\n workInProgress.flags |= Visibility;\n }\n@@ -1519,9 +1519,9 @@ function completeWork(\n \/\/ If so, we need to hide those nodes in the commit phase, so\n \/\/ schedule a visibility effect.\n if (\n- workInProgress.tag !== LegacyHiddenComponent &&\n- workInProgress.subtreeFlags & (Placement | Update) &&\n- newProps.mode !== 'unstable-defer-without-hiding'\n+ (!enableLegacyHidden ||\n+ workInProgress.tag !== LegacyHiddenComponent) &&\n+ workInProgress.subtreeFlags & (Placement | Update)\n ) {\n workInProgress.flags |= Visibility;\n }\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js\nindex 24e57002ef..9b87ab6568 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js\n@@ -546,7 +546,7 @@ describe('ReactLazyContextPropagation', () => {\n expect(root).toMatchRenderedOutput('BB');\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n test('context is propagated through offscreen trees', async () => {\n const LegacyHidden = React.unstable_LegacyHidden;\n \n@@ -592,7 +592,7 @@ describe('ReactLazyContextPropagation', () => {\n expect(root).toMatchRenderedOutput('BB');\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n test('multiple contexts are propagated across through offscreen trees', async () => {\n \/\/ Same as previous test, but with multiple context providers\n const LegacyHidden = React.unstable_LegacyHidden;\n@@ -818,7 +818,7 @@ describe('ReactLazyContextPropagation', () => {\n expect(root).toMatchRenderedOutput('BB');\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n test('nested bailouts through offscreen trees', async () => {\n \/\/ Lazy context propagation will stop propagating when it hits the first\n \/\/ match. If we bail out again inside that tree, we must resume propagating.\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\nindex 2049601998..8998ce6162 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js\n@@ -270,7 +270,7 @@ describe('ReactIncremental', () => {\n expect(inst.state).toEqual({text: 'bar', text2: 'baz'});\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('can deprioritize unfinished work and resume it later', () => {\n function Bar(props) {\n Scheduler.unstable_yieldValue('Bar');\n@@ -316,7 +316,7 @@ describe('ReactIncremental', () => {\n expect(Scheduler).toFlushAndYield(['Middle', 'Middle']);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('can deprioritize a tree from without dropping work', () => {\n function Bar(props) {\n Scheduler.unstable_yieldValue('Bar');\n@@ -1999,7 +1999,7 @@ describe('ReactIncremental', () => {\n });\n }\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('provides context when reusing work', () => {\n class Intl extends React.Component {\n static childContextTypes = {\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\nindex 55ce08b454..aafc918469 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js\n@@ -310,7 +310,7 @@ describe('ReactIncrementalErrorHandling', () => {\n expect(ReactNoop.getChildren()).toEqual([span('Everything is fine.')]);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('does not include offscreen work when retrying after an error', () => {\n function App(props) {\n if (props.isBroken) {\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalSideEffects-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalSideEffects-test.js\nindex f0c6bad863..e09c866d6d 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalSideEffects-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactIncrementalSideEffects-test.js\n@@ -424,7 +424,7 @@ describe('ReactIncrementalSideEffects', () => {\n ]);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('preserves a previously rendered node when deprioritized', () => {\n function Middle(props) {\n Scheduler.unstable_yieldValue('Middle');\n@@ -475,7 +475,7 @@ describe('ReactIncrementalSideEffects', () => {\n );\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('can reuse side-effects after being preempted', () => {\n function Bar(props) {\n Scheduler.unstable_yieldValue('Bar');\n@@ -555,7 +555,7 @@ describe('ReactIncrementalSideEffects', () => {\n );\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('can reuse side-effects after being preempted, if shouldComponentUpdate is false', () => {\n class Bar extends React.Component {\n shouldComponentUpdate(nextProps) {\n@@ -690,7 +690,7 @@ describe('ReactIncrementalSideEffects', () => {\n expect(ReactNoop.getChildrenAsJSX()).toEqual();\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('updates a child even though the old props is empty', () => {\n function Foo(props) {\n return (\n@@ -930,7 +930,7 @@ describe('ReactIncrementalSideEffects', () => {\n expect(ops).toEqual(['Bar', 'Baz', 'Bar', 'Bar']);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('deprioritizes setStates that happens within a deprioritized tree', () => {\n const barInstances = [];\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\nindex eb90d61dad..3c3fddf204 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js\n@@ -667,7 +667,7 @@ describe('ReactNewContext', () => {\n expect(ReactNoop.getChildren()).toEqual([span(2), span(2)]);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it(\"context consumer doesn't bail out inside hidden subtree\", () => {\n const Context = React.createContext('dark');\n const Consumer = getConsumer(Context);\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreen-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreen-test.js\nindex 4dfd6459a3..3125fcc29e 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreen-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreen-test.js\n@@ -26,7 +26,7 @@ describe('ReactOffscreen', () => {\n return ;\n }\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('unstable-defer-without-hiding should never toggle the visibility of its children', async () => {\n function App({mode}) {\n return (\n@@ -85,7 +85,7 @@ describe('ReactOffscreen', () => {\n );\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('does not defer in legacy mode', async () => {\n let setState;\n function Foo() {\n@@ -130,7 +130,7 @@ describe('ReactOffscreen', () => {\n );\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('does defer in concurrent mode', async () => {\n let setState;\n function Foo() {\n@@ -310,7 +310,7 @@ describe('ReactOffscreen', () => {\n expect(root).toMatchRenderedOutput();\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('does not toggle effects for LegacyHidden component', async () => {\n \/\/ LegacyHidden is meant to be the same as offscreen except it doesn't\n \/\/ do anything to effects. Only used by www, as a temporary migration step.\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSchedulerIntegration-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSchedulerIntegration-test.js\nindex fc315ae0da..5a135d2f06 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSchedulerIntegration-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSchedulerIntegration-test.js\n@@ -122,7 +122,7 @@ describe('ReactSchedulerIntegration', () => {\n expect(Scheduler).toHaveYielded(['A', 'B', 'C']);\n });\n \n- \/\/ @gate experimental || www\n+ \/\/ @gate www\n it('idle updates are not blocked by offscreen work', async () => {\n function Text({text}) {\n Scheduler.unstable_yieldValue(text);\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js\nindex dc2d57d225..3f2f4cc38a 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js\n@@ -3073,7 +3073,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {\n expect(root).toMatchRenderedOutput();\n });\n \n- \/\/ @gate enableCache\n+ \/\/ @gate enableCache && enableLegacyHidden\n it('should not render hidden content while suspended on higher pri', async () => {\n function Offscreen() {\n Scheduler.unstable_yieldValue('Offscreen');\n@@ -3123,7 +3123,7 @@ describe('ReactSuspenseWithNoopRenderer', () => {\n );\n });\n \n- \/\/ @gate enableCache\n+ \/\/ @gate enableCache && enableLegacyHidden\n it('should be able to unblock higher pri content before suspended hidden', async () => {\n function Offscreen() {\n Scheduler.unstable_yieldValue('Offscreen');\ndiff --git a\/packages\/react-reconciler\/src\/getComponentNameFromFiber.js b\/packages\/react-reconciler\/src\/getComponentNameFromFiber.js\nindex 5cb87189c9..979914b7c4 100644\n--- a\/packages\/react-reconciler\/src\/getComponentNameFromFiber.js\n+++ b\/packages\/react-reconciler\/src\/getComponentNameFromFiber.js\n@@ -9,6 +9,8 @@\n \n import type {ReactContext, ReactProviderType} from 'shared\/ReactTypes';\n \n+import {enableLegacyHidden} from 'shared\/ReactFeatureFlags';\n+\n import {\n FunctionComponent,\n ClassComponent,\n@@ -86,8 +88,6 @@ export default function getComponentNameFromFiber(fiber: Fiber): string | null {\n case LazyComponent:\n \/\/ Name comes from the type in this case; we don't have a tag.\n return getComponentNameFromType(type);\n- case LegacyHiddenComponent:\n- return 'LegacyHidden';\n case Mode:\n if (type === REACT_STRICT_MODE_TYPE) {\n \/\/ Don't be less specific than shared\/getComponentNameFromType\n@@ -120,6 +120,10 @@ export default function getComponentNameFromFiber(fiber: Fiber): string | null {\n return type;\n }\n break;\n+ case LegacyHiddenComponent:\n+ if (enableLegacyHidden) {\n+ return 'LegacyHidden';\n+ }\n }\n \n return null;\ndiff --git a\/packages\/react-refresh\/src\/__tests__\/ReactFresh-test.js b\/packages\/react-refresh\/src\/__tests__\/ReactFresh-test.js\nindex 378f44d4ff..9351140277 100644\n--- a\/packages\/react-refresh\/src\/__tests__\/ReactFresh-test.js\n+++ b\/packages\/react-refresh\/src\/__tests__\/ReactFresh-test.js\n@@ -2411,107 +2411,106 @@ describe('ReactFresh', () => {\n }\n });\n \n+ \/\/ @gate www && __DEV__\n it('can hot reload offscreen components', async () => {\n- if (__DEV__ && __EXPERIMENTAL__) {\n- const AppV1 = prepare(() => {\n- function Hello() {\n- React.useLayoutEffect(() => {\n- Scheduler.unstable_yieldValue('Hello#layout');\n- });\n- const [val, setVal] = React.useState(0);\n- return (\n-

setVal(val + 1)}>\n- {val}\n- <\/p>\n- );\n- }\n- $RefreshReg$(Hello, 'Hello');\n-\n- return function App({offscreen}) {\n- React.useLayoutEffect(() => {\n- Scheduler.unstable_yieldValue('App#layout');\n- });\n- return (\n- \n- \n- <\/LegacyHiddenDiv>\n- );\n- };\n- });\n+ const AppV1 = prepare(() => {\n+ function Hello() {\n+ React.useLayoutEffect(() => {\n+ Scheduler.unstable_yieldValue('Hello#layout');\n+ });\n+ const [val, setVal] = React.useState(0);\n+ return (\n+

setVal(val + 1)}>\n+ {val}\n+ <\/p>\n+ );\n+ }\n+ $RefreshReg$(Hello, 'Hello');\n \n- const root = ReactDOMClient.createRoot(container);\n- root.render();\n- expect(Scheduler).toFlushAndYieldThrough(['App#layout']);\n- const el = container.firstChild;\n- expect(el.hidden).toBe(true);\n- expect(el.firstChild).toBe(null); \/\/ Offscreen content not flushed yet.\n+ return function App({offscreen}) {\n+ React.useLayoutEffect(() => {\n+ Scheduler.unstable_yieldValue('App#layout');\n+ });\n+ return (\n+ \n+ \n+ <\/LegacyHiddenDiv>\n+ );\n+ };\n+ });\n \n- \/\/ Perform a hot update.\n- patch(() => {\n- function Hello() {\n- React.useLayoutEffect(() => {\n- Scheduler.unstable_yieldValue('Hello#layout');\n- });\n- const [val, setVal] = React.useState(0);\n- return (\n-

setVal(val + 1)}>\n- {val}\n- <\/p>\n- );\n- }\n- $RefreshReg$(Hello, 'Hello');\n- });\n+ const root = ReactDOMClient.createRoot(container);\n+ root.render();\n+ expect(Scheduler).toFlushAndYieldThrough(['App#layout']);\n+ const el = container.firstChild;\n+ expect(el.hidden).toBe(true);\n+ expect(el.firstChild).toBe(null); \/\/ Offscreen content not flushed yet.\n \n- \/\/ It's still offscreen so we don't see anything.\n- expect(container.firstChild).toBe(el);\n- expect(el.hidden).toBe(true);\n- expect(el.firstChild).toBe(null);\n+ \/\/ Perform a hot update.\n+ patch(() => {\n+ function Hello() {\n+ React.useLayoutEffect(() => {\n+ Scheduler.unstable_yieldValue('Hello#layout');\n+ });\n+ const [val, setVal] = React.useState(0);\n+ return (\n+

setVal(val + 1)}>\n+ {val}\n+ <\/p>\n+ );\n+ }\n+ $RefreshReg$(Hello, 'Hello');\n+ });\n \n- \/\/ Process the offscreen updates.\n- expect(Scheduler).toFlushAndYieldThrough(['Hello#layout']);\n- expect(container.firstChild).toBe(el);\n- expect(el.firstChild.textContent).toBe('0');\n- expect(el.firstChild.style.color).toBe('red');\n+ \/\/ It's still offscreen so we don't see anything.\n+ expect(container.firstChild).toBe(el);\n+ expect(el.hidden).toBe(true);\n+ expect(el.firstChild).toBe(null);\n \n- await act(async () => {\n- el.firstChild.dispatchEvent(\n- new MouseEvent('click', {\n- bubbles: true,\n- }),\n- );\n- });\n+ \/\/ Process the offscreen updates.\n+ expect(Scheduler).toFlushAndYieldThrough(['Hello#layout']);\n+ expect(container.firstChild).toBe(el);\n+ expect(el.firstChild.textContent).toBe('0');\n+ expect(el.firstChild.style.color).toBe('red');\n+\n+ await act(async () => {\n+ el.firstChild.dispatchEvent(\n+ new MouseEvent('click', {\n+ bubbles: true,\n+ }),\n+ );\n+ });\n \n- expect(Scheduler).toHaveYielded(['Hello#layout']);\n- expect(el.firstChild.textContent).toBe('1');\n- expect(el.firstChild.style.color).toBe('red');\n+ expect(Scheduler).toHaveYielded(['Hello#layout']);\n+ expect(el.firstChild.textContent).toBe('1');\n+ expect(el.firstChild.style.color).toBe('red');\n \n- \/\/ Hot reload while we're offscreen.\n- patch(() => {\n- function Hello() {\n- React.useLayoutEffect(() => {\n- Scheduler.unstable_yieldValue('Hello#layout');\n- });\n- const [val, setVal] = React.useState(0);\n- return (\n-

setVal(val + 1)}>\n- {val}\n- <\/p>\n- );\n- }\n- $RefreshReg$(Hello, 'Hello');\n- });\n+ \/\/ Hot reload while we're offscreen.\n+ patch(() => {\n+ function Hello() {\n+ React.useLayoutEffect(() => {\n+ Scheduler.unstable_yieldValue('Hello#layout');\n+ });\n+ const [val, setVal] = React.useState(0);\n+ return (\n+

setVal(val + 1)}>\n+ {val}\n+ <\/p>\n+ );\n+ }\n+ $RefreshReg$(Hello, 'Hello');\n+ });\n \n- \/\/ It's still offscreen so we don't see the updates.\n- expect(container.firstChild).toBe(el);\n- expect(el.firstChild.textContent).toBe('1');\n- expect(el.firstChild.style.color).toBe('red');\n+ \/\/ It's still offscreen so we don't see the updates.\n+ expect(container.firstChild).toBe(el);\n+ expect(el.firstChild.textContent).toBe('1');\n+ expect(el.firstChild.style.color).toBe('red');\n \n- \/\/ Process the offscreen updates.\n- expect(Scheduler).toFlushAndYieldThrough(['Hello#layout']);\n- expect(container.firstChild).toBe(el);\n- expect(el.firstChild.textContent).toBe('1');\n- expect(el.firstChild.style.color).toBe('orange');\n- }\n+ \/\/ Process the offscreen updates.\n+ expect(Scheduler).toFlushAndYieldThrough(['Hello#layout']);\n+ expect(container.firstChild).toBe(el);\n+ expect(el.firstChild.textContent).toBe('1');\n+ expect(el.firstChild.style.color).toBe('orange');\n });\n \n it('remounts failed error boundaries (componentDidCatch)', () => {\ndiff --git a\/packages\/react\/index.experimental.js b\/packages\/react\/index.experimental.js\nindex 19af075993..b54fe6fdcd 100644\n--- a\/packages\/react\/index.experimental.js\n+++ b\/packages\/react\/index.experimental.js\n@@ -32,7 +32,6 @@ export {\n startTransition,\n unstable_Cache,\n unstable_DebugTracingMode,\n- unstable_LegacyHidden,\n unstable_Offscreen,\n unstable_getCacheSignal,\n unstable_getCacheForType,\ndiff --git a\/packages\/shared\/ReactFeatureFlags.js b\/packages\/shared\/ReactFeatureFlags.js\nindex 7cd1325c57..8020d13b35 100644\n--- a\/packages\/shared\/ReactFeatureFlags.js\n+++ b\/packages\/shared\/ReactFeatureFlags.js\n@@ -101,6 +101,9 @@ export const enableTransitionTracing = false;\n \/\/ No known bugs, but needs performance testing\n export const enableLazyContextPropagation = false;\n \n+\/\/ FB-only usage. The new API has different semantics.\n+export const enableLegacyHidden = false;\n+\n \/\/ Enables unstable_avoidThisFallback feature in Fiber\n export const enableSuspenseAvoidThisFallback = false;\n \/\/ Enables unstable_avoidThisFallback feature in Fizz\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js b\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\nindex 8decbc01d6..74e27292d1 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\n@@ -70,6 +70,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = true;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = true;\n export const enableCustomElementPropertySupport = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js b\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\nindex 3ca6029d67..99c98f1f65 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\n@@ -61,6 +61,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = false;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = false;\n export const enablePersistentOffscreenHostContainer = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\nindex ca9f71857c..a1fe05abc2 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\n@@ -61,6 +61,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = false;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = false;\n export const enablePersistentOffscreenHostContainer = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js\nindex b2afb79825..0ee47c87fc 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js\n@@ -60,6 +60,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = false;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = true;\n export const enablePersistentOffscreenHostContainer = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\nindex 7f776d1d40..b86fb3dc0a 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\n@@ -61,6 +61,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = false;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = true;\n export const enablePersistentOffscreenHostContainer = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.testing.js b\/packages\/shared\/forks\/ReactFeatureFlags.testing.js\nindex 30346c8c62..ec488337b0 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.testing.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.testing.js\n@@ -61,6 +61,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = false;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = false;\n export const enablePersistentOffscreenHostContainer = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js\nindex e75cbaeb5a..27881e5c71 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js\n@@ -61,6 +61,7 @@ export const enableUseRefAccessWarning = false;\n \n export const disableSchedulerTimeoutInWorkLoop = false;\n export const enableLazyContextPropagation = false;\n+export const enableLegacyHidden = false;\n export const enableSyncDefaultUpdates = true;\n export const allowConcurrentByDefault = true;\n export const enablePersistentOffscreenHostContainer = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.www.js\nindex 91a906d90b..251b0dbe5b 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.www.js\n@@ -86,6 +86,8 @@ export const enableScopeAPI = true;\n \n export const enableSuspenseCallback = true;\n \n+export const enableLegacyHidden = true;\n+\n export const enableComponentStackLocations = true;\n \n export const disableTextareaChildren = __EXPERIMENTAL__;\ndiff --git a\/packages\/shared\/isValidElementType.js b\/packages\/shared\/isValidElementType.js\nindex d3e4666e79..12d00f3e06 100644\n--- a\/packages\/shared\/isValidElementType.js\n+++ b\/packages\/shared\/isValidElementType.js\n@@ -30,6 +30,7 @@ import {\n enableCache,\n enableTransitionTracing,\n enableDebugTracing,\n+ enableLegacyHidden,\n } from '.\/ReactFeatureFlags';\n \n const REACT_MODULE_REFERENCE: Symbol = Symbol.for('react.module.reference');\n@@ -47,7 +48,7 @@ export default function isValidElementType(type: mixed) {\n type === REACT_STRICT_MODE_TYPE ||\n type === REACT_SUSPENSE_TYPE ||\n type === REACT_SUSPENSE_LIST_TYPE ||\n- type === REACT_LEGACY_HIDDEN_TYPE ||\n+ (enableLegacyHidden && type === REACT_LEGACY_HIDDEN_TYPE) ||\n type === REACT_OFFSCREEN_TYPE ||\n (enableScopeAPI && type === REACT_SCOPE_TYPE) ||\n (enableCache && type === REACT_CACHE_TYPE) ||\n","body":"* Gate legacy hidden\r\n\r\n* Gate tests\r\n\r\n* Remove export from experimental","parents":["b9de50d2f9ad6ff8caae0729976c3cc9a69c176e"],"files":[{"path":"packages\/react-dom\/src\/__tests__\/ReactDOMServerPartialHydration-test.internal.js","status":"M"},{"path":"packages\/react-dom\/src\/__tests__\/ReactUpdates-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiber.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiber.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactContextPropagation-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncremental-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncrementalErrorHandling-test.internal.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactIncrementalSideEffects-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactNewContext-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactOffscreen-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactSchedulerIntegration-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactSuspenseWithNoopRenderer-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/getComponentNameFromFiber.js","status":"M"},{"path":"packages\/react-refresh\/src\/__tests__\/ReactFresh-test.js","status":"M"},{"path":"packages\/react\/index.experimental.js","status":"M"},{"path":"packages\/shared\/ReactFeatureFlags.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.native-fb.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.native-oss.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.testing.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.testing.www.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.www.js","status":"M"},{"path":"packages\/shared\/isValidElementType.js","status":"M"}],"commit":{"revision":"72a933d2892dac9e5327678b6bd37af8d589bb22","shortRevision":"72a933d289","authoredAt":"2022-03-09T11:48:03-05:00","authorName":"Sebastian Markbåge","authorEmail":"sebastian@calyptus.eu","subject":"Gate legacy hidden (#24047)"}}

dillon1000/react

Files changed