{"parents":["708fa77a783bbe729cfcebdd513d23eafc455b8b"],"files":[{"status":"M","path":".eslintrc.js"},{"status":"M","path":"fixtures\/fiber-debugger\/src\/Fibers.js"},{"status":"M","path":"fixtures\/fiber-debugger\/src\/describeFibers.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/renderer.js"},{"status":"M","path":"packages\/react-devtools-shared\/src\/backend\/types.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactChildFiber.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactChildFiber.old.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\/ReactFiberClassComponent.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberCommitWork.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\/ReactFiberDevToolsHook.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberDevToolsHook.old.js"},{"status":"R094","previousPath":"packages\/react-reconciler\/src\/ReactSideEffectTags.js","path":"packages\/react-reconciler\/src\/ReactFiberFlags.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHooks.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHooks.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHydrationContext.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberHydrationContext.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberThrow.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberThrow.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberTreeReflection.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberUnwindWork.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberUnwindWork.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactHookEffectTags.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactInternalTypes.js"},{"status":"R073","previousPath":"packages\/react-reconciler\/src\/ReactSubtreeTags.js","path":"packages\/react-reconciler\/src\/ReactSubtreeFlags.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactUpdateQueue.new.js"},{"status":"M","path":"packages\/react-reconciler\/src\/ReactUpdateQueue.old.js"},{"status":"M","path":"scripts\/eslint-rules\/__tests__\/no-cross-fork-types-test.internal.js"}],"commit":{"authorEmail":"git@andrewclark.io","revision":"16654436039dd8f16a63928e71081c7745872e8f","authoredAt":"2020-09-04T16:34:07-05:00","authorName":"Andrew Clark","subject":"Rename effect fields (#19755)","shortRevision":"1665443603"},"body":"- `effectTag` -> `flags`\r\n- `subtreeTag` -> `subtreeFlags`","patch":"diff --git a\/.eslintrc.js b\/.eslintrc.js\nindex 6eb0eefbda..036df09251 100644\n--- a\/.eslintrc.js\n+++ b\/.eslintrc.js\n@@ -117,7 +117,7 @@ module.exports = {\n \/\/ Disabled because it's also used by the Hook type.\n \/\/ 'lastEffect',\n ],\n- new: ['subtreeTag'],\n+ new: ['subtreeFlags'],\n },\n ],\n },\ndiff --git a\/fixtures\/fiber-debugger\/src\/Fibers.js b\/fixtures\/fiber-debugger\/src\/Fibers.js\nindex b6b06e59a7..fa8387c05d 100644\n--- a\/fixtures\/fiber-debugger\/src\/Fibers.js\n+++ b\/fixtures\/fiber-debugger\/src\/Fibers.js\n@@ -324,9 +324,9 @@ export default function Fibers({fibers, show, graphSettings, ...rest}) {\n ) : (\n Committed<\/small>\n )}\n- {fiber.effectTag && [\n+ {fiber.flags && [\n
,\n- Effect: {fiber.effectTag}<\/small>,\n+ Effect: {fiber.flags}<\/small>,\n ]}\n <\/div>\n <\/Vertex>,\ndiff --git a\/fixtures\/fiber-debugger\/src\/describeFibers.js b\/fixtures\/fiber-debugger\/src\/describeFibers.js\nindex 0e082f0b07..044380e21b 100644\n--- a\/fixtures\/fiber-debugger\/src\/describeFibers.js\n+++ b\/fixtures\/fiber-debugger\/src\/describeFibers.js\n@@ -37,7 +37,7 @@ function getFriendlyTag(tag) {\n }\n }\n \n-function getFriendlyEffect(effectTag) {\n+function getFriendlyEffect(flags) {\n const effects = {\n 1: 'Performed Work',\n 2: 'Placement',\n@@ -49,7 +49,7 @@ function getFriendlyEffect(effectTag) {\n 128: 'Ref',\n };\n return Object.keys(effects)\n- .filter(flag => flag & effectTag)\n+ .filter(flag => flag & flags)\n .map(flag => effects[flag])\n .join(' & ');\n }\n@@ -72,7 +72,7 @@ export default function describeFibers(rootFiber, workInProgress) {\n ...fiber,\n id: id,\n tag: getFriendlyTag(fiber.tag),\n- effectTag: getFriendlyEffect(fiber.effectTag),\n+ flags: getFriendlyEffect(fiber.flags),\n type: fiber.type && '<' + (fiber.type.name || fiber.type) + '>',\n stateNode: `[${typeof fiber.stateNode}]`,\n return: acknowledgeFiber(fiber.return),\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/renderer.js b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\nindex 1f9f1e5f23..86dd4e8674 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/renderer.js\n@@ -106,11 +106,16 @@ type ReactPriorityLevelsType = {|\n |};\n \n type ReactTypeOfSideEffectType = {|\n- NoEffect: number,\n+ NoFlags: number,\n PerformedWork: number,\n Placement: number,\n |};\n \n+function getFiberFlags(fiber: Fiber): number {\n+ \/\/ The name of this field changed from \"effectTag\" to \"flags\"\n+ return fiber.flags !== undefined ? fiber.flags : (fiber: any).effectTag;\n+}\n+\n \/\/ Some environments (e.g. React Native \/ Hermes) don't support the performance API yet.\n const getCurrentTime =\n typeof performance === 'object' && typeof performance.now === 'function'\n@@ -127,7 +132,7 @@ export function getInternalReactConstants(\n ReactTypeOfWork: WorkTagMap,\n |} {\n const ReactTypeOfSideEffect: ReactTypeOfSideEffectType = {\n- NoEffect: 0b00,\n+ NoFlags: 0b00,\n PerformedWork: 0b01,\n Placement: 0b10,\n };\n@@ -416,7 +421,7 @@ export function attach(\n ReactTypeOfWork,\n ReactTypeOfSideEffect,\n } = getInternalReactConstants(renderer.version);\n- const {NoEffect, PerformedWork, Placement} = ReactTypeOfSideEffect;\n+ const {NoFlags, PerformedWork, Placement} = ReactTypeOfSideEffect;\n const {\n FunctionComponent,\n ClassComponent,\n@@ -944,7 +949,7 @@ export function attach(\n \/\/ For types that execute user code, we check PerformedWork effect.\n \/\/ We don't reflect bailouts (either referential or sCU) in DevTools.\n \/\/ eslint-disable-next-line no-bitwise\n- return (nextFiber.effectTag & PerformedWork) === PerformedWork;\n+ return (getFiberFlags(nextFiber) & PerformedWork) === PerformedWork;\n \/\/ Note: ContextConsumer only gets PerformedWork effect in 16.3.3+\n \/\/ so it won't get highlighted with React 16.3.0 to 16.3.2.\n default:\n@@ -1928,12 +1933,12 @@ export function attach(\n if (!fiber.alternate) {\n \/\/ If there is no alternate, this might be a new tree that isn't inserted\n \/\/ yet. If it is, then it will have a pending insertion effect on it.\n- if ((node.effectTag & Placement) !== NoEffect) {\n+ if ((getFiberFlags(node) & Placement) !== NoFlags) {\n return MOUNTING;\n }\n while (node.return) {\n node = node.return;\n- if ((node.effectTag & Placement) !== NoEffect) {\n+ if ((getFiberFlags(node) & Placement) !== NoFlags) {\n return MOUNTING;\n }\n }\ndiff --git a\/packages\/react-devtools-shared\/src\/backend\/types.js b\/packages\/react-devtools-shared\/src\/backend\/types.js\nindex 4ae13a2948..bfa405e1a8 100644\n--- a\/packages\/react-devtools-shared\/src\/backend\/types.js\n+++ b\/packages\/react-devtools-shared\/src\/backend\/types.js\n@@ -22,7 +22,7 @@ type BundleType =\n | 1; \/\/ DEV\n \n export type WorkTag = number;\n-export type SideEffectTag = number;\n+export type WorkFlags = number;\n export type ExpirationTime = number;\n \n export type WorkTagMap = {|\ndiff --git a\/packages\/react-reconciler\/src\/ReactChildFiber.new.js b\/packages\/react-reconciler\/src\/ReactChildFiber.new.js\nindex ebc3b59ce4..463ebefe87 100644\n--- a\/packages\/react-reconciler\/src\/ReactChildFiber.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactChildFiber.new.js\n@@ -15,7 +15,7 @@ import type {Fiber} from '.\/ReactInternalTypes';\n import type {Lanes} from '.\/ReactFiberLane';\n \n import getComponentName from 'shared\/getComponentName';\n-import {Deletion, Placement} from '.\/ReactSideEffectTags';\n+import {Deletion, Placement} from '.\/ReactFiberFlags';\n import {\n getIteratorFn,\n REACT_ELEMENT_TYPE,\n@@ -280,7 +280,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n const deletions = returnFiber.deletions;\n if (deletions === null) {\n returnFiber.deletions = [childToDelete];\n- returnFiber.effectTag |= Deletion;\n+ returnFiber.flags |= Deletion;\n } else {\n deletions.push(childToDelete);\n }\n@@ -350,7 +350,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n const oldIndex = current.index;\n if (oldIndex < lastPlacedIndex) {\n \/\/ This is a move.\n- newFiber.effectTag = Placement;\n+ newFiber.flags = Placement;\n return lastPlacedIndex;\n } else {\n \/\/ This item can stay in place.\n@@ -358,7 +358,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n }\n } else {\n \/\/ This is an insertion.\n- newFiber.effectTag = Placement;\n+ newFiber.flags = Placement;\n return lastPlacedIndex;\n }\n }\n@@ -367,7 +367,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n \/\/ This is simpler for the single child case. We only need to do a\n \/\/ placement for inserting new children.\n if (shouldTrackSideEffects && newFiber.alternate === null) {\n- newFiber.effectTag = Placement;\n+ newFiber.flags = Placement;\n }\n return newFiber;\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactChildFiber.old.js b\/packages\/react-reconciler\/src\/ReactChildFiber.old.js\nindex 5ba77f9313..0aea86f033 100644\n--- a\/packages\/react-reconciler\/src\/ReactChildFiber.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactChildFiber.old.js\n@@ -15,7 +15,7 @@ import type {Fiber} from '.\/ReactInternalTypes';\n import type {Lanes} from '.\/ReactFiberLane';\n \n import getComponentName from 'shared\/getComponentName';\n-import {Placement, Deletion} from '.\/ReactSideEffectTags';\n+import {Placement, Deletion} from '.\/ReactFiberFlags';\n import {\n getIteratorFn,\n REACT_ELEMENT_TYPE,\n@@ -290,7 +290,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n returnFiber.firstEffect = returnFiber.lastEffect = childToDelete;\n }\n childToDelete.nextEffect = null;\n- childToDelete.effectTag = Deletion;\n+ childToDelete.flags = Deletion;\n }\n \n function deleteRemainingChildren(\n@@ -357,7 +357,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n const oldIndex = current.index;\n if (oldIndex < lastPlacedIndex) {\n \/\/ This is a move.\n- newFiber.effectTag = Placement;\n+ newFiber.flags = Placement;\n return lastPlacedIndex;\n } else {\n \/\/ This item can stay in place.\n@@ -365,7 +365,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n }\n } else {\n \/\/ This is an insertion.\n- newFiber.effectTag = Placement;\n+ newFiber.flags = Placement;\n return lastPlacedIndex;\n }\n }\n@@ -374,7 +374,7 @@ function ChildReconciler(shouldTrackSideEffects) {\n \/\/ This is simpler for the single child case. We only need to do a\n \/\/ placement for inserting new children.\n if (shouldTrackSideEffects && newFiber.alternate === null) {\n- newFiber.effectTag = Placement;\n+ newFiber.flags = Placement;\n }\n return newFiber;\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiber.new.js b\/packages\/react-reconciler\/src\/ReactFiber.new.js\nindex dd257b06c3..70cd847175 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiber.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiber.new.js\n@@ -29,8 +29,8 @@ import {\n enableScopeAPI,\n enableBlocksAPI,\n } from 'shared\/ReactFeatureFlags';\n-import {NoEffect, Placement, StaticMask} from '.\/ReactSideEffectTags';\n-import {NoEffect as NoSubtreeEffect} from '.\/ReactSubtreeTags';\n+import {NoFlags, Placement, StaticMask} from '.\/ReactFiberFlags';\n+import {NoFlags as NoSubtreeEffect} from '.\/ReactSubtreeFlags';\n import {ConcurrentRoot, BlockingRoot} from '.\/ReactRootTags';\n import {\n IndeterminateComponent,\n@@ -144,8 +144,8 @@ function FiberNode(\n this.mode = mode;\n \n \/\/ Effects\n- this.effectTag = NoEffect;\n- this.subtreeTag = NoSubtreeEffect;\n+ this.flags = NoFlags;\n+ this.subtreeFlags = NoSubtreeEffect;\n this.deletions = null;\n \n this.lanes = NoLanes;\n@@ -284,7 +284,7 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {\n workInProgress.type = current.type;\n \n \/\/ We already have an alternate.\n- workInProgress.subtreeTag = NoSubtreeEffect;\n+ workInProgress.subtreeFlags = NoSubtreeEffect;\n workInProgress.deletions = null;\n \n if (enableProfilerTimer) {\n@@ -299,7 +299,7 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {\n \n \/\/ Reset all effects except static ones.\n \/\/ Static effects are not specific to a render.\n- workInProgress.effectTag = current.effectTag & StaticMask;\n+ workInProgress.flags = current.flags & StaticMask;\n workInProgress.childLanes = current.childLanes;\n workInProgress.lanes = current.lanes;\n \n@@ -363,7 +363,7 @@ export function resetWorkInProgress(workInProgress: Fiber, renderLanes: Lanes) {\n \n \/\/ Reset the effect tag but keep any Placement tags, since that's something\n \/\/ that child fiber is setting, not the reconciliation.\n- workInProgress.effectTag &= Placement;\n+ workInProgress.flags &= Placement;\n \n const current = workInProgress.alternate;\n if (current === null) {\n@@ -372,7 +372,7 @@ export function resetWorkInProgress(workInProgress: Fiber, renderLanes: Lanes) {\n workInProgress.lanes = renderLanes;\n \n workInProgress.child = null;\n- workInProgress.subtreeTag = NoSubtreeEffect;\n+ workInProgress.subtreeFlags = NoSubtreeEffect;\n workInProgress.memoizedProps = null;\n workInProgress.memoizedState = null;\n workInProgress.updateQueue = null;\n@@ -393,7 +393,7 @@ export function resetWorkInProgress(workInProgress: Fiber, renderLanes: Lanes) {\n workInProgress.lanes = current.lanes;\n \n workInProgress.child = current.child;\n- workInProgress.subtreeTag = current.subtreeTag;\n+ workInProgress.subtreeFlags = current.subtreeFlags;\n workInProgress.deletions = null;\n workInProgress.memoizedProps = current.memoizedProps;\n workInProgress.memoizedState = current.memoizedState;\n@@ -816,8 +816,8 @@ export function assignFiberPropertiesInDEV(\n target.memoizedState = source.memoizedState;\n target.dependencies = source.dependencies;\n target.mode = source.mode;\n- target.effectTag = source.effectTag;\n- target.subtreeTag = source.subtreeTag;\n+ target.flags = source.flags;\n+ target.subtreeFlags = source.subtreeFlags;\n target.deletions = source.deletions;\n target.lanes = source.lanes;\n target.childLanes = source.childLanes;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiber.old.js b\/packages\/react-reconciler\/src\/ReactFiber.old.js\nindex 3d896efe8e..6906869ace 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiber.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiber.old.js\n@@ -29,7 +29,7 @@ import {\n enableScopeAPI,\n enableBlocksAPI,\n } from 'shared\/ReactFeatureFlags';\n-import {NoEffect, Placement} from '.\/ReactSideEffectTags';\n+import {NoFlags, Placement} from '.\/ReactFiberFlags';\n import {ConcurrentRoot, BlockingRoot} from '.\/ReactRootTags';\n import {\n IndeterminateComponent,\n@@ -143,7 +143,7 @@ function FiberNode(\n this.mode = mode;\n \n \/\/ Effects\n- this.effectTag = NoEffect;\n+ this.flags = NoFlags;\n this.nextEffect = null;\n \n this.firstEffect = null;\n@@ -286,7 +286,7 @@ export function createWorkInProgress(current: Fiber, pendingProps: any): Fiber {\n \n \/\/ We already have an alternate.\n \/\/ Reset the effect tag.\n- workInProgress.effectTag = NoEffect;\n+ workInProgress.flags = NoFlags;\n \n \/\/ The effect list is no longer valid.\n workInProgress.nextEffect = null;\n@@ -366,7 +366,7 @@ export function resetWorkInProgress(workInProgress: Fiber, renderLanes: Lanes) {\n \n \/\/ Reset the effect tag but keep any Placement tags, since that's something\n \/\/ that child fiber is setting, not the reconciliation.\n- workInProgress.effectTag &= Placement;\n+ workInProgress.flags &= Placement;\n \n \/\/ The effect list is no longer valid.\n workInProgress.nextEffect = null;\n@@ -821,7 +821,7 @@ export function assignFiberPropertiesInDEV(\n target.memoizedState = source.memoizedState;\n target.dependencies = source.dependencies;\n target.mode = source.mode;\n- target.effectTag = source.effectTag;\n+ target.flags = source.flags;\n target.nextEffect = source.nextEffect;\n target.firstEffect = source.firstEffect;\n target.lastEffect = source.lastEffect;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js\nindex f00e528675..2d3841d2e0 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.new.js\n@@ -54,7 +54,7 @@ import {\n LegacyHiddenComponent,\n } from '.\/ReactWorkTags';\n import {\n- NoEffect,\n+ NoFlags,\n PerformedWork,\n Placement,\n Hydrating,\n@@ -64,7 +64,7 @@ import {\n Ref,\n Deletion,\n ForceUpdateForLegacySuspense,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n import {\n debugRenderPhaseSideEffectsForStrictMode,\n@@ -375,7 +375,7 @@ function updateForwardRef(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, nextChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -470,7 +470,7 @@ function updateMemoComponent(\n }\n }\n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n const newChild = createWorkInProgress(currentChild, nextProps);\n newChild.ref = workInProgress.ref;\n newChild.return = workInProgress;\n@@ -549,10 +549,7 @@ function updateSimpleMemoComponent(\n workInProgress,\n renderLanes,\n );\n- } else if (\n- (current.effectTag & ForceUpdateForLegacySuspense) !==\n- NoEffect\n- ) {\n+ } else if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {\n \/\/ This is a special case that only exists for legacy mode.\n \/\/ See https:\/\/github.com\/facebook\/react\/pull\/19216.\n didReceiveUpdate = true;\n@@ -676,7 +673,7 @@ function updateProfiler(\n renderLanes: Lanes,\n ) {\n if (enableProfilerTimer) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n \n \/\/ Reset effect durations for the next eventual effect phase.\n \/\/ These are reset during render to allow the DevTools commit hook a chance to read them,\n@@ -697,7 +694,7 @@ function markRef(current: Fiber | null, workInProgress: Fiber) {\n (current !== null && current.ref !== ref)\n ) {\n \/\/ Schedule a Ref effect\n- workInProgress.effectTag |= Ref;\n+ workInProgress.flags |= Ref;\n }\n }\n \n@@ -779,7 +776,7 @@ function updateFunctionComponent(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, nextChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -848,7 +845,7 @@ function updateBlock(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, nextChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -899,7 +896,7 @@ function updateClassComponent(\n current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \/\/ In the initial pass we might need to construct the instance.\n constructClassInstance(workInProgress, Component, nextProps);\n@@ -957,7 +954,7 @@ function finishClassComponent(\n \/\/ Refs should update even if shouldComponentUpdate returns false\n markRef(current, workInProgress);\n \n- const didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;\n+ const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags;\n \n if (!shouldUpdate && !didCaptureError) {\n \/\/ Context providers should defer to sCU for rendering\n@@ -1009,7 +1006,7 @@ function finishClassComponent(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n if (current !== null && didCaptureError) {\n \/\/ If we're recovering from an error, reconcile without reusing any of\n \/\/ the existing children. Conceptually, the normal children and the children\n@@ -1111,7 +1108,7 @@ function updateHostRoot(current, workInProgress, renderLanes) {\n \/\/ Conceptually this is similar to Placement in that a new subtree is\n \/\/ inserted into the React tree here. It just happens to not need DOM\n \/\/ mutations because it already exists.\n- node.effectTag = (node.effectTag & ~Placement) | Hydrating;\n+ node.flags = (node.flags & ~Placement) | Hydrating;\n node = node.sibling;\n }\n } else {\n@@ -1150,7 +1147,7 @@ function updateHostComponent(\n } else if (prevProps !== null && shouldSetTextContent(type, prevProps)) {\n \/\/ If we're switching from a direct text child to a normal child, or to\n \/\/ empty, we need to schedule the text content to be reset.\n- workInProgress.effectTag |= ContentReset;\n+ workInProgress.flags |= ContentReset;\n }\n \n markRef(current, workInProgress);\n@@ -1182,7 +1179,7 @@ function mountLazyComponent(\n _current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \n const props = workInProgress.pendingProps;\n@@ -1318,7 +1315,7 @@ function mountIncompleteClassComponent(\n _current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \n \/\/ Promote the fiber to a class and try rendering again.\n@@ -1365,7 +1362,7 @@ function mountIndeterminateComponent(\n _current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \n const props = workInProgress.pendingProps;\n@@ -1426,7 +1423,7 @@ function mountIndeterminateComponent(\n );\n }\n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n \n if (__DEV__) {\n \/\/ Support for module components is deprecated and is removed behind a flag.\n@@ -1698,14 +1695,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {\n \/\/ This is used by DevTools to force a boundary to suspend.\n if (__DEV__) {\n if (shouldSuspend(workInProgress)) {\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n }\n }\n \n let suspenseContext: SuspenseContext = suspenseStackCursor.current;\n \n let showFallback = false;\n- const didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;\n+ const didSuspend = (workInProgress.flags & DidCapture) !== NoFlags;\n \n if (\n didSuspend ||\n@@ -1719,7 +1716,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {\n \/\/ Something in this boundary's subtree already suspended. Switch to\n \/\/ rendering the fallback children.\n showFallback = true;\n- workInProgress.effectTag &= ~DidCapture;\n+ workInProgress.flags &= ~DidCapture;\n } else {\n \/\/ Attempting the main content\n if (\n@@ -1844,7 +1841,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {\n workInProgress.child = current.child;\n \/\/ The dehydrated completion pass expects this flag to be there\n \/\/ but the normal suspense pass doesn't.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n return null;\n } else {\n \/\/ Suspended but we should no longer be in dehydrated mode.\n@@ -2067,7 +2064,7 @@ function updateSuspensePrimaryChildren(\n if (deletions === null) {\n workInProgress.deletions = [currentFallbackChildFragment];\n \/\/ TODO (effects) Rename this to better reflect its new usage (e.g. ChildDeletions)\n- workInProgress.effectTag |= Deletion;\n+ workInProgress.flags |= Deletion;\n } else {\n deletions.push(currentFallbackChildFragment);\n }\n@@ -2150,7 +2147,7 @@ function updateSuspenseFallbackChildren(\n );\n \/\/ Needs a placement effect because the parent (the Suspense boundary) already\n \/\/ mounted but this is a new fiber.\n- fallbackChildFragment.effectTag |= Placement;\n+ fallbackChildFragment.flags |= Placement;\n }\n \n fallbackChildFragment.return = workInProgress;\n@@ -2179,7 +2176,7 @@ function retrySuspenseComponentWithoutHydrating(\n );\n \/\/ Needs a placement effect because the parent (the Suspense boundary) already\n \/\/ mounted but this is a new fiber.\n- primaryChildFragment.effectTag |= Placement;\n+ primaryChildFragment.flags |= Placement;\n workInProgress.memoizedState = null;\n \n return primaryChildFragment;\n@@ -2207,7 +2204,7 @@ function mountSuspenseFallbackAfterRetryWithoutHydrating(\n );\n \/\/ Needs a placement effect because the parent (the Suspense\n \/\/ boundary) already mounted but this is a new fiber.\n- fallbackChildFragment.effectTag |= Placement;\n+ fallbackChildFragment.flags |= Placement;\n \n primaryChildFragment.return = workInProgress;\n fallbackChildFragment.return = workInProgress;\n@@ -2360,7 +2357,7 @@ function updateDehydratedSuspenseComponent(\n \/\/ on the client than if we just leave it alone. If the server times out or errors\n \/\/ these should update this boundary to the permanent Fallback state instead.\n \/\/ Mark it as having captured (i.e. suspended).\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n \/\/ Leave the child in place. I.e. the dehydrated fragment.\n workInProgress.child = current.child;\n \/\/ Register a callback to retry this boundary once the server has sent the result.\n@@ -2389,7 +2386,7 @@ function updateDehydratedSuspenseComponent(\n \/\/ Conceptually this is similar to Placement in that a new subtree is\n \/\/ inserted into the React tree here. It just happens to not need DOM\n \/\/ mutations because it already exists.\n- primaryChildFragment.effectTag |= Hydrating;\n+ primaryChildFragment.flags |= Hydrating;\n return primaryChildFragment;\n }\n }\n@@ -2675,10 +2672,10 @@ function updateSuspenseListComponent(\n suspenseContext,\n ForceSuspenseFallback,\n );\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n } else {\n const didSuspendBefore =\n- current !== null && (current.effectTag & DidCapture) !== NoEffect;\n+ current !== null && (current.flags & DidCapture) !== NoFlags;\n if (didSuspendBefore) {\n \/\/ If we previously forced a fallback, we need to schedule work\n \/\/ on any nested boundaries to let them know to try to render\n@@ -2918,7 +2915,7 @@ function updateContextConsumer(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, newChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -3023,12 +3020,12 @@ function remountFiber(\n if (deletions === null) {\n returnFiber.deletions = [current];\n \/\/ TODO (effects) Rename this to better reflect its new usage (e.g. ChildDeletions)\n- returnFiber.effectTag |= Deletion;\n+ returnFiber.flags |= Deletion;\n } else {\n deletions.push(current);\n }\n \n- newWorkInProgress.effectTag |= Placement;\n+ newWorkInProgress.flags |= Placement;\n \n \/\/ Restart work from the new fiber.\n return newWorkInProgress;\n@@ -3117,7 +3114,7 @@ function beginWork(\n workInProgress.childLanes,\n );\n if (hasChildWork) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n \/\/ Reset effect durations for the next eventual effect phase.\n@@ -3139,7 +3136,7 @@ function beginWork(\n \/\/ We know that this component will suspend again because if it has\n \/\/ been unsuspended it has committed as a resolved Suspense component.\n \/\/ If it needs to be retried, it should have work scheduled on it.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n \/\/ We should never render the children of a dehydrated boundary until we\n \/\/ upgrade it. We return null instead of bailoutOnAlreadyFinishedWork.\n return null;\n@@ -3191,8 +3188,7 @@ function beginWork(\n break;\n }\n case SuspenseListComponent: {\n- const didSuspendBefore =\n- (current.effectTag & DidCapture) !== NoEffect;\n+ const didSuspendBefore = (current.flags & DidCapture) !== NoFlags;\n \n const hasChildWork = includesSomeLane(\n renderLanes,\n@@ -3215,7 +3211,7 @@ function beginWork(\n \/\/ If none of the children had any work, that means that none of\n \/\/ them got retried so they'll still be blocked in the same way\n \/\/ as before. We can fast bail out.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n }\n \n \/\/ If nothing suspended before and we're rendering the same children,\n@@ -3255,7 +3251,7 @@ function beginWork(\n }\n return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);\n } else {\n- if ((current.effectTag & ForceUpdateForLegacySuspense) !== NoEffect) {\n+ if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {\n \/\/ This is a special case that only exists for legacy mode.\n \/\/ See https:\/\/github.com\/facebook\/react\/pull\/19216.\n didReceiveUpdate = true;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js\nindex 1888c03c91..23a97b297c 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberBeginWork.old.js\n@@ -54,7 +54,7 @@ import {\n LegacyHiddenComponent,\n } from '.\/ReactWorkTags';\n import {\n- NoEffect,\n+ NoFlags,\n PerformedWork,\n Placement,\n Hydrating,\n@@ -64,7 +64,7 @@ import {\n Ref,\n Deletion,\n ForceUpdateForLegacySuspense,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n import {\n debugRenderPhaseSideEffectsForStrictMode,\n@@ -375,7 +375,7 @@ function updateForwardRef(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, nextChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -470,7 +470,7 @@ function updateMemoComponent(\n }\n }\n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n const newChild = createWorkInProgress(currentChild, nextProps);\n newChild.ref = workInProgress.ref;\n newChild.return = workInProgress;\n@@ -549,10 +549,7 @@ function updateSimpleMemoComponent(\n workInProgress,\n renderLanes,\n );\n- } else if (\n- (current.effectTag & ForceUpdateForLegacySuspense) !==\n- NoEffect\n- ) {\n+ } else if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {\n \/\/ This is a special case that only exists for legacy mode.\n \/\/ See https:\/\/github.com\/facebook\/react\/pull\/19216.\n didReceiveUpdate = true;\n@@ -676,7 +673,7 @@ function updateProfiler(\n renderLanes: Lanes,\n ) {\n if (enableProfilerTimer) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n \n \/\/ Reset effect durations for the next eventual effect phase.\n \/\/ These are reset during render to allow the DevTools commit hook a chance to read them,\n@@ -697,7 +694,7 @@ function markRef(current: Fiber | null, workInProgress: Fiber) {\n (current !== null && current.ref !== ref)\n ) {\n \/\/ Schedule a Ref effect\n- workInProgress.effectTag |= Ref;\n+ workInProgress.flags |= Ref;\n }\n }\n \n@@ -779,7 +776,7 @@ function updateFunctionComponent(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, nextChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -848,7 +845,7 @@ function updateBlock(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, nextChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -899,7 +896,7 @@ function updateClassComponent(\n current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \/\/ In the initial pass we might need to construct the instance.\n constructClassInstance(workInProgress, Component, nextProps);\n@@ -957,7 +954,7 @@ function finishClassComponent(\n \/\/ Refs should update even if shouldComponentUpdate returns false\n markRef(current, workInProgress);\n \n- const didCaptureError = (workInProgress.effectTag & DidCapture) !== NoEffect;\n+ const didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags;\n \n if (!shouldUpdate && !didCaptureError) {\n \/\/ Context providers should defer to sCU for rendering\n@@ -1009,7 +1006,7 @@ function finishClassComponent(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n if (current !== null && didCaptureError) {\n \/\/ If we're recovering from an error, reconcile without reusing any of\n \/\/ the existing children. Conceptually, the normal children and the children\n@@ -1111,7 +1108,7 @@ function updateHostRoot(current, workInProgress, renderLanes) {\n \/\/ Conceptually this is similar to Placement in that a new subtree is\n \/\/ inserted into the React tree here. It just happens to not need DOM\n \/\/ mutations because it already exists.\n- node.effectTag = (node.effectTag & ~Placement) | Hydrating;\n+ node.flags = (node.flags & ~Placement) | Hydrating;\n node = node.sibling;\n }\n } else {\n@@ -1150,7 +1147,7 @@ function updateHostComponent(\n } else if (prevProps !== null && shouldSetTextContent(type, prevProps)) {\n \/\/ If we're switching from a direct text child to a normal child, or to\n \/\/ empty, we need to schedule the text content to be reset.\n- workInProgress.effectTag |= ContentReset;\n+ workInProgress.flags |= ContentReset;\n }\n \n markRef(current, workInProgress);\n@@ -1182,7 +1179,7 @@ function mountLazyComponent(\n _current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \n const props = workInProgress.pendingProps;\n@@ -1318,7 +1315,7 @@ function mountIncompleteClassComponent(\n _current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \n \/\/ Promote the fiber to a class and try rendering again.\n@@ -1365,7 +1362,7 @@ function mountIndeterminateComponent(\n _current.alternate = null;\n workInProgress.alternate = null;\n \/\/ Since this is conceptually a new fiber, schedule a Placement effect\n- workInProgress.effectTag |= Placement;\n+ workInProgress.flags |= Placement;\n }\n \n const props = workInProgress.pendingProps;\n@@ -1426,7 +1423,7 @@ function mountIndeterminateComponent(\n );\n }\n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n \n if (__DEV__) {\n \/\/ Support for module components is deprecated and is removed behind a flag.\n@@ -1698,14 +1695,14 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {\n \/\/ This is used by DevTools to force a boundary to suspend.\n if (__DEV__) {\n if (shouldSuspend(workInProgress)) {\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n }\n }\n \n let suspenseContext: SuspenseContext = suspenseStackCursor.current;\n \n let showFallback = false;\n- const didSuspend = (workInProgress.effectTag & DidCapture) !== NoEffect;\n+ const didSuspend = (workInProgress.flags & DidCapture) !== NoFlags;\n \n if (\n didSuspend ||\n@@ -1719,7 +1716,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {\n \/\/ Something in this boundary's subtree already suspended. Switch to\n \/\/ rendering the fallback children.\n showFallback = true;\n- workInProgress.effectTag &= ~DidCapture;\n+ workInProgress.flags &= ~DidCapture;\n } else {\n \/\/ Attempting the main content\n if (\n@@ -1844,7 +1841,7 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {\n workInProgress.child = current.child;\n \/\/ The dehydrated completion pass expects this flag to be there\n \/\/ but the normal suspense pass doesn't.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n return null;\n } else {\n \/\/ Suspended but we should no longer be in dehydrated mode.\n@@ -2064,7 +2061,7 @@ function updateSuspensePrimaryChildren(\n if (currentFallbackChildFragment !== null) {\n \/\/ Delete the fallback child fragment\n currentFallbackChildFragment.nextEffect = null;\n- currentFallbackChildFragment.effectTag = Deletion;\n+ currentFallbackChildFragment.flags = Deletion;\n workInProgress.firstEffect = workInProgress.lastEffect = currentFallbackChildFragment;\n }\n \n@@ -2156,7 +2153,7 @@ function updateSuspenseFallbackChildren(\n );\n \/\/ Needs a placement effect because the parent (the Suspense boundary) already\n \/\/ mounted but this is a new fiber.\n- fallbackChildFragment.effectTag |= Placement;\n+ fallbackChildFragment.flags |= Placement;\n }\n \n fallbackChildFragment.return = workInProgress;\n@@ -2185,7 +2182,7 @@ function retrySuspenseComponentWithoutHydrating(\n );\n \/\/ Needs a placement effect because the parent (the Suspense boundary) already\n \/\/ mounted but this is a new fiber.\n- primaryChildFragment.effectTag |= Placement;\n+ primaryChildFragment.flags |= Placement;\n workInProgress.memoizedState = null;\n \n return primaryChildFragment;\n@@ -2213,7 +2210,7 @@ function mountSuspenseFallbackAfterRetryWithoutHydrating(\n );\n \/\/ Needs a placement effect because the parent (the Suspense\n \/\/ boundary) already mounted but this is a new fiber.\n- fallbackChildFragment.effectTag |= Placement;\n+ fallbackChildFragment.flags |= Placement;\n \n primaryChildFragment.return = workInProgress;\n fallbackChildFragment.return = workInProgress;\n@@ -2366,7 +2363,7 @@ function updateDehydratedSuspenseComponent(\n \/\/ on the client than if we just leave it alone. If the server times out or errors\n \/\/ these should update this boundary to the permanent Fallback state instead.\n \/\/ Mark it as having captured (i.e. suspended).\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n \/\/ Leave the child in place. I.e. the dehydrated fragment.\n workInProgress.child = current.child;\n \/\/ Register a callback to retry this boundary once the server has sent the result.\n@@ -2395,7 +2392,7 @@ function updateDehydratedSuspenseComponent(\n \/\/ Conceptually this is similar to Placement in that a new subtree is\n \/\/ inserted into the React tree here. It just happens to not need DOM\n \/\/ mutations because it already exists.\n- primaryChildFragment.effectTag |= Hydrating;\n+ primaryChildFragment.flags |= Hydrating;\n return primaryChildFragment;\n }\n }\n@@ -2684,10 +2681,10 @@ function updateSuspenseListComponent(\n suspenseContext,\n ForceSuspenseFallback,\n );\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n } else {\n const didSuspendBefore =\n- current !== null && (current.effectTag & DidCapture) !== NoEffect;\n+ current !== null && (current.flags & DidCapture) !== NoFlags;\n if (didSuspendBefore) {\n \/\/ If we previously forced a fallback, we need to schedule work\n \/\/ on any nested boundaries to let them know to try to render\n@@ -2930,7 +2927,7 @@ function updateContextConsumer(\n }\n \n \/\/ React DevTools reads this flag.\n- workInProgress.effectTag |= PerformedWork;\n+ workInProgress.flags |= PerformedWork;\n reconcileChildren(current, workInProgress, newChildren, renderLanes);\n return workInProgress.child;\n }\n@@ -3039,9 +3036,9 @@ function remountFiber(\n returnFiber.firstEffect = returnFiber.lastEffect = current;\n }\n current.nextEffect = null;\n- current.effectTag = Deletion;\n+ current.flags = Deletion;\n \n- newWorkInProgress.effectTag |= Placement;\n+ newWorkInProgress.flags |= Placement;\n \n \/\/ Restart work from the new fiber.\n return newWorkInProgress;\n@@ -3130,7 +3127,7 @@ function beginWork(\n workInProgress.childLanes,\n );\n if (hasChildWork) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n \/\/ Reset effect durations for the next eventual effect phase.\n@@ -3152,7 +3149,7 @@ function beginWork(\n \/\/ We know that this component will suspend again because if it has\n \/\/ been unsuspended it has committed as a resolved Suspense component.\n \/\/ If it needs to be retried, it should have work scheduled on it.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n \/\/ We should never render the children of a dehydrated boundary until we\n \/\/ upgrade it. We return null instead of bailoutOnAlreadyFinishedWork.\n return null;\n@@ -3204,8 +3201,7 @@ function beginWork(\n break;\n }\n case SuspenseListComponent: {\n- const didSuspendBefore =\n- (current.effectTag & DidCapture) !== NoEffect;\n+ const didSuspendBefore = (current.flags & DidCapture) !== NoFlags;\n \n const hasChildWork = includesSomeLane(\n renderLanes,\n@@ -3228,7 +3224,7 @@ function beginWork(\n \/\/ If none of the children had any work, that means that none of\n \/\/ them got retried so they'll still be blocked in the same way\n \/\/ as before. We can fast bail out.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n }\n \n \/\/ If nothing suspended before and we're rendering the same children,\n@@ -3269,7 +3265,7 @@ function beginWork(\n }\n return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);\n } else {\n- if ((current.effectTag & ForceUpdateForLegacySuspense) !== NoEffect) {\n+ if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {\n \/\/ This is a special case that only exists for legacy mode.\n \/\/ See https:\/\/github.com\/facebook\/react\/pull\/19216.\n didReceiveUpdate = true;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js\nindex c4a84b6702..4e58dd71f3 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js\n@@ -12,7 +12,7 @@ import type {Lanes} from '.\/ReactFiberLane';\n import type {UpdateQueue} from '.\/ReactUpdateQueue.new';\n \n import * as React from 'react';\n-import {Update, Snapshot} from '.\/ReactSideEffectTags';\n+import {Update, Snapshot} from '.\/ReactFiberFlags';\n import {\n debugRenderPhaseSideEffectsForStrictMode,\n disableLegacyContext,\n@@ -890,7 +890,7 @@ function mountClassInstance(\n }\n \n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n \n@@ -960,7 +960,7 @@ function resumeMountClassInstance(\n \/\/ If an update was already in progress, we should schedule an Update\n \/\/ effect even though we're bailing out, so that cWU\/cDU are called.\n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n return false;\n }\n@@ -1003,13 +1003,13 @@ function resumeMountClassInstance(\n }\n }\n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n } else {\n \/\/ If an update was already in progress, we should schedule an Update\n \/\/ effect even though we're bailing out, so that cWU\/cDU are called.\n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n \/\/ If shouldComponentUpdate returned false, we should still update the\n@@ -1106,7 +1106,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (typeof instance.getSnapshotBeforeUpdate === 'function') {\n@@ -1114,7 +1114,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n }\n return false;\n@@ -1158,10 +1158,10 @@ function updateClassInstance(\n }\n }\n if (typeof instance.componentDidUpdate === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n if (typeof instance.getSnapshotBeforeUpdate === 'function') {\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n } else {\n \/\/ If an update was already in progress, we should schedule an Update\n@@ -1171,7 +1171,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (typeof instance.getSnapshotBeforeUpdate === 'function') {\n@@ -1179,7 +1179,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js\nindex ad8c0b153d..c5f3527419 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js\n@@ -12,7 +12,7 @@ import type {Lanes} from '.\/ReactFiberLane';\n import type {UpdateQueue} from '.\/ReactUpdateQueue.old';\n \n import * as React from 'react';\n-import {Update, Snapshot} from '.\/ReactSideEffectTags';\n+import {Update, Snapshot} from '.\/ReactFiberFlags';\n import {\n debugRenderPhaseSideEffectsForStrictMode,\n disableLegacyContext,\n@@ -890,7 +890,7 @@ function mountClassInstance(\n }\n \n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n \n@@ -960,7 +960,7 @@ function resumeMountClassInstance(\n \/\/ If an update was already in progress, we should schedule an Update\n \/\/ effect even though we're bailing out, so that cWU\/cDU are called.\n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n return false;\n }\n@@ -1003,13 +1003,13 @@ function resumeMountClassInstance(\n }\n }\n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n } else {\n \/\/ If an update was already in progress, we should schedule an Update\n \/\/ effect even though we're bailing out, so that cWU\/cDU are called.\n if (typeof instance.componentDidMount === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n \/\/ If shouldComponentUpdate returned false, we should still update the\n@@ -1106,7 +1106,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (typeof instance.getSnapshotBeforeUpdate === 'function') {\n@@ -1114,7 +1114,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n }\n return false;\n@@ -1158,10 +1158,10 @@ function updateClassInstance(\n }\n }\n if (typeof instance.componentDidUpdate === 'function') {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n if (typeof instance.getSnapshotBeforeUpdate === 'function') {\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n } else {\n \/\/ If an update was already in progress, we should schedule an Update\n@@ -1171,7 +1171,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (typeof instance.getSnapshotBeforeUpdate === 'function') {\n@@ -1179,7 +1179,7 @@ function updateClassInstance(\n unresolvedOldProps !== current.memoizedProps ||\n oldState !== current.memoizedState\n ) {\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js\nindex 063ff6fe49..7700b6fc16 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js\n@@ -27,7 +27,7 @@ import type {\n import type {Wakeable} from 'shared\/ReactTypes';\n import type {ReactPriorityLevel} from '.\/ReactInternalTypes';\n import type {OffscreenState} from '.\/ReactFiberOffscreenComponent';\n-import type {HookEffectTag} from '.\/ReactHookEffectTags';\n+import type {HookFlags} from '.\/ReactHookEffectTags';\n \n import {unstable_wrap as Schedule_tracing_wrap} from 'scheduler\/tracing';\n import {\n@@ -66,12 +66,12 @@ import {\n clearCaughtError,\n } from 'shared\/ReactErrorUtils';\n import {\n- NoEffect,\n+ NoFlags,\n ContentReset,\n Placement,\n Snapshot,\n Update,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import getComponentName from 'shared\/getComponentName';\n import invariant from 'shared\/invariant';\n \n@@ -124,16 +124,16 @@ import {\n schedulePassiveEffectCallback,\n } from '.\/ReactFiberWorkLoop.new';\n import {\n- NoEffect as NoHookEffect,\n+ NoFlags as NoHookEffect,\n HasEffect as HookHasEffect,\n Layout as HookLayout,\n Passive as HookPassive,\n } from '.\/ReactHookEffectTags';\n import {didWarnAboutReassigningProps} from '.\/ReactFiberBeginWork.new';\n import {\n- NoEffect as NoSubtreeTag,\n- Passive as PassiveSubtreeTag,\n-} from '.\/ReactSubtreeTags';\n+ NoFlags as NoSubtreeFlags,\n+ Passive as PassiveSubtreeFlags,\n+} from '.\/ReactSubtreeFlags';\n \n let didWarnAboutUndefinedSnapshotBeforeUpdate: Set | null = null;\n if (__DEV__) {\n@@ -243,7 +243,7 @@ function commitBeforeMutationLifeCycles(\n return;\n }\n case ClassComponent: {\n- if (finishedWork.effectTag & Snapshot) {\n+ if (finishedWork.flags & Snapshot) {\n if (current !== null) {\n const prevProps = current.memoizedProps;\n const prevState = current.memoizedState;\n@@ -302,7 +302,7 @@ function commitBeforeMutationLifeCycles(\n }\n case HostRoot: {\n if (supportsMutation) {\n- if (finishedWork.effectTag & Snapshot) {\n+ if (finishedWork.flags & Snapshot) {\n const root = finishedWork.stateNode;\n clearContainer(root.containerInfo);\n }\n@@ -324,7 +324,7 @@ function commitBeforeMutationLifeCycles(\n }\n \n function commitHookEffectListUnmount(\n- tag: HookEffectTag,\n+ tag: HookFlags,\n finishedWork: Fiber,\n nearestMountedAncestor: Fiber | null,\n ) {\n@@ -350,7 +350,7 @@ function commitHookEffectListUnmount(\n \/\/ TODO: Remove this duplication.\n function commitHookEffectListUnmount2(\n \/\/ Tags to check for when deciding whether to unmount. e.g. to skip over layout effects\n- hookEffectTag: HookEffectTag,\n+ hookFlags: HookFlags,\n fiber: Fiber,\n nearestMountedAncestor: Fiber | null,\n ): void {\n@@ -361,7 +361,7 @@ function commitHookEffectListUnmount2(\n let effect = firstEffect;\n do {\n const {next, tag} = effect;\n- if ((tag & hookEffectTag) === hookEffectTag) {\n+ if ((tag & hookFlags) === hookFlags) {\n const destroy = effect.destroy;\n if (destroy !== undefined) {\n effect.destroy = undefined;\n@@ -383,7 +383,7 @@ function commitHookEffectListUnmount2(\n }\n }\n \n-function commitHookEffectListMount(tag: HookEffectTag, finishedWork: Fiber) {\n+function commitHookEffectListMount(tag: HookFlags, finishedWork: Fiber) {\n const updateQueue: FunctionComponentUpdateQueue | null = (finishedWork.updateQueue: any);\n const lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;\n if (lastEffect !== null) {\n@@ -516,7 +516,7 @@ export function commitPassiveEffectDurations(\n ): void {\n if (enableProfilerTimer && enableProfilerCommitHooks) {\n \/\/ Only Profilers with work in their subtree will have an Update effect scheduled.\n- if ((finishedWork.effectTag & Update) !== NoEffect) {\n+ if ((finishedWork.flags & Update) !== NoFlags) {\n switch (finishedWork.tag) {\n case Profiler: {\n const {passiveEffectDuration} = finishedWork.stateNode;\n@@ -595,14 +595,17 @@ function commitLifeCycles(\n commitHookEffectListMount(HookLayout | HookHasEffect, finishedWork);\n }\n \n- if ((finishedWork.subtreeTag & PassiveSubtreeTag) !== NoSubtreeTag) {\n+ if (\n+ (finishedWork.subtreeFlags & PassiveSubtreeFlags) !==\n+ NoSubtreeFlags\n+ ) {\n schedulePassiveEffectCallback();\n }\n return;\n }\n case ClassComponent: {\n const instance = finishedWork.stateNode;\n- if (finishedWork.effectTag & Update) {\n+ if (finishedWork.flags & Update) {\n if (current === null) {\n \/\/ We could update instance props and state here,\n \/\/ but instead we rely on them being set during last render.\n@@ -778,7 +781,7 @@ function commitLifeCycles(\n \/\/ (eg DOM renderer may schedule auto-focus for inputs and form controls).\n \/\/ These effects should only be committed when components are first mounted,\n \/\/ aka when there is no current\/alternate.\n- if (current === null && finishedWork.effectTag & Update) {\n+ if (current === null && finishedWork.flags & Update) {\n const type = finishedWork.type;\n const props = finishedWork.memoizedProps;\n commitMount(instance, type, props, finishedWork);\n@@ -1246,7 +1249,7 @@ function getHostSibling(fiber: Fiber): ?Instance {\n ) {\n \/\/ If it is not host node and, we might have a host node inside it.\n \/\/ Try to search down until we find one.\n- if (node.effectTag & Placement) {\n+ if (node.flags & Placement) {\n \/\/ If we don't have a child, try the siblings instead.\n continue siblings;\n }\n@@ -1260,7 +1263,7 @@ function getHostSibling(fiber: Fiber): ?Instance {\n }\n }\n \/\/ Check if this host node is stable or about to be placed.\n- if (!(node.effectTag & Placement)) {\n+ if (!(node.flags & Placement)) {\n \/\/ Found it!\n return node.stateNode;\n }\n@@ -1305,11 +1308,11 @@ function commitPlacement(finishedWork: Fiber): void {\n 'in React. Please file an issue.',\n );\n }\n- if (parentFiber.effectTag & ContentReset) {\n+ if (parentFiber.flags & ContentReset) {\n \/\/ Reset the text content of the parent before doing any insertions\n resetTextContent(parent);\n \/\/ Clear ContentReset from the effect tag\n- parentFiber.effectTag &= ~ContentReset;\n+ parentFiber.flags &= ~ContentReset;\n }\n \n const before = getHostSibling(finishedWork);\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js\nindex e0f8f5fb83..45483b460b 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js\n@@ -62,12 +62,12 @@ import {\n clearCaughtError,\n } from 'shared\/ReactErrorUtils';\n import {\n- NoEffect,\n+ NoFlags,\n ContentReset,\n Placement,\n Snapshot,\n Update,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import getComponentName from 'shared\/getComponentName';\n import invariant from 'shared\/invariant';\n \n@@ -119,7 +119,7 @@ import {\n enqueuePendingPassiveProfilerEffect,\n } from '.\/ReactFiberWorkLoop.old';\n import {\n- NoEffect as NoHookEffect,\n+ NoFlags as NoHookEffect,\n HasEffect as HookHasEffect,\n Layout as HookLayout,\n Passive as HookPassive,\n@@ -234,7 +234,7 @@ function commitBeforeMutationLifeCycles(\n return;\n }\n case ClassComponent: {\n- if (finishedWork.effectTag & Snapshot) {\n+ if (finishedWork.flags & Snapshot) {\n if (current !== null) {\n const prevProps = current.memoizedProps;\n const prevState = current.memoizedState;\n@@ -293,7 +293,7 @@ function commitBeforeMutationLifeCycles(\n }\n case HostRoot: {\n if (supportsMutation) {\n- if (finishedWork.effectTag & Snapshot) {\n+ if (finishedWork.flags & Snapshot) {\n const root = finishedWork.stateNode;\n clearContainer(root.containerInfo);\n }\n@@ -410,7 +410,7 @@ export function commitPassiveEffectDurations(\n ): void {\n if (enableProfilerTimer && enableProfilerCommitHooks) {\n \/\/ Only Profilers with work in their subtree will have an Update effect scheduled.\n- if ((finishedWork.effectTag & Update) !== NoEffect) {\n+ if ((finishedWork.flags & Update) !== NoFlags) {\n switch (finishedWork.tag) {\n case Profiler: {\n const {passiveEffectDuration} = finishedWork.stateNode;\n@@ -494,7 +494,7 @@ function commitLifeCycles(\n }\n case ClassComponent: {\n const instance = finishedWork.stateNode;\n- if (finishedWork.effectTag & Update) {\n+ if (finishedWork.flags & Update) {\n if (current === null) {\n \/\/ We could update instance props and state here,\n \/\/ but instead we rely on them being set during last render.\n@@ -670,7 +670,7 @@ function commitLifeCycles(\n \/\/ (eg DOM renderer may schedule auto-focus for inputs and form controls).\n \/\/ These effects should only be committed when components are first mounted,\n \/\/ aka when there is no current\/alternate.\n- if (current === null && finishedWork.effectTag & Update) {\n+ if (current === null && finishedWork.flags & Update) {\n const type = finishedWork.type;\n const props = finishedWork.memoizedProps;\n commitMount(instance, type, props, finishedWork);\n@@ -1148,7 +1148,7 @@ function getHostSibling(fiber: Fiber): ?Instance {\n ) {\n \/\/ If it is not host node and, we might have a host node inside it.\n \/\/ Try to search down until we find one.\n- if (node.effectTag & Placement) {\n+ if (node.flags & Placement) {\n \/\/ If we don't have a child, try the siblings instead.\n continue siblings;\n }\n@@ -1162,7 +1162,7 @@ function getHostSibling(fiber: Fiber): ?Instance {\n }\n }\n \/\/ Check if this host node is stable or about to be placed.\n- if (!(node.effectTag & Placement)) {\n+ if (!(node.flags & Placement)) {\n \/\/ Found it!\n return node.stateNode;\n }\n@@ -1207,11 +1207,11 @@ function commitPlacement(finishedWork: Fiber): void {\n 'in React. Please file an issue.',\n );\n }\n- if (parentFiber.effectTag & ContentReset) {\n+ if (parentFiber.flags & ContentReset) {\n \/\/ Reset the text content of the parent before doing any insertions\n resetTextContent(parent);\n \/\/ Clear ContentReset from the effect tag\n- parentFiber.effectTag &= ~ContentReset;\n+ parentFiber.flags &= ~ContentReset;\n }\n \n const before = getHostSibling(finishedWork);\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js\nindex da1a97cab9..d6dedf95e9 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.new.js\n@@ -62,12 +62,12 @@ import {NoMode, BlockingMode, ProfileMode} from '.\/ReactTypeOfMode';\n import {\n Ref,\n Update,\n- NoEffect,\n+ NoFlags,\n DidCapture,\n Snapshot,\n MutationMask,\n-} from '.\/ReactSideEffectTags';\n-import {NoEffect as NoSubtreeTag, Mutation} from '.\/ReactSubtreeTags';\n+} from '.\/ReactFiberFlags';\n+import {NoFlags as NoSubtreeFlags, Mutation} from '.\/ReactSubtreeFlags';\n import invariant from 'shared\/invariant';\n \n import {\n@@ -148,11 +148,11 @@ import {transferActualDuration} from '.\/ReactProfilerTimer.new';\n function markUpdate(workInProgress: Fiber) {\n \/\/ Tag the fiber with an update effect. This turns a Placement into\n \/\/ a PlacementAndUpdate.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n function markRef(workInProgress: Fiber) {\n- workInProgress.effectTag |= Ref;\n+ workInProgress.flags |= Ref;\n }\n \n function hadNoMutationsEffects(current: null | Fiber, completedWork: Fiber) {\n@@ -163,10 +163,10 @@ function hadNoMutationsEffects(current: null | Fiber, completedWork: Fiber) {\n \n let child = completedWork.child;\n while (child !== null) {\n- if ((child.effectTag & MutationMask) !== NoEffect) {\n+ if ((child.flags & MutationMask) !== NoFlags) {\n return false;\n }\n- if ((child.subtreeTag & Mutation) !== NoSubtreeTag) {\n+ if ((child.subtreeFlags & Mutation) !== NoSubtreeFlags) {\n return false;\n }\n child = child.sibling;\n@@ -318,7 +318,7 @@ if (supportsMutation) {\n \/\/ down its children. Instead, we'll get insertions from each child in\n \/\/ the portal directly.\n } else if (node.tag === SuspenseComponent) {\n- if ((node.effectTag & Update) !== NoEffect) {\n+ if ((node.flags & Update) !== NoFlags) {\n \/\/ Need to toggle the visibility of the primary children.\n const newIsHidden = node.memoizedState !== null;\n if (newIsHidden) {\n@@ -412,7 +412,7 @@ if (supportsMutation) {\n \/\/ down its children. Instead, we'll get insertions from each child in\n \/\/ the portal directly.\n } else if (node.tag === SuspenseComponent) {\n- if ((node.effectTag & Update) !== NoEffect) {\n+ if ((node.flags & Update) !== NoFlags) {\n \/\/ Need to toggle the visibility of the primary children.\n const newIsHidden = node.memoizedState !== null;\n if (newIsHidden) {\n@@ -717,7 +717,7 @@ function completeWork(\n \/\/ This handles the case of React rendering into a container with previous children.\n \/\/ It's also safe to do for updates too, because current.child would only be null\n \/\/ if the previous render was null (so the the container would already be empty).\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n }\n updateHostContainer(current, workInProgress);\n@@ -863,7 +863,7 @@ function completeWork(\n \/\/ However, in some of those paths, we might have reentered a hydration state\n \/\/ and then we might be inside a hydration state. In that case, we'll need to exit out of it.\n resetHydrationState();\n- if ((workInProgress.effectTag & DidCapture) === NoEffect) {\n+ if ((workInProgress.flags & DidCapture) === NoFlags) {\n \/\/ This boundary did not suspend so it's now hydrated and unsuspended.\n workInProgress.memoizedState = null;\n }\n@@ -872,13 +872,13 @@ function completeWork(\n \/\/ It's also a signal to replay events and the suspense callback.\n \/\/ If something suspended, schedule an effect to attach retry listeners.\n \/\/ So we might as well always mark this.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n return null;\n }\n }\n }\n \n- if ((workInProgress.effectTag & DidCapture) !== NoEffect) {\n+ if ((workInProgress.flags & DidCapture) !== NoFlags) {\n \/\/ Something suspended. Re-render with the fallback children.\n workInProgress.lanes = renderLanes;\n \/\/ Do not reset the effect list.\n@@ -943,7 +943,7 @@ function completeWork(\n \/\/ If this boundary just timed out, schedule an effect to attach a\n \/\/ retry listener to the promise. This flag is also used to hide the\n \/\/ primary children.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (supportsMutation) {\n@@ -954,7 +954,7 @@ function completeWork(\n \/\/ primary children. In mutation mode, we also need the flag to\n \/\/ *unhide* children that were previously hidden, so check if this\n \/\/ is currently timed out, too.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (\n@@ -963,7 +963,7 @@ function completeWork(\n workInProgress.memoizedProps.suspenseCallback != null\n ) {\n \/\/ Always notify the callback\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n return null;\n }\n@@ -999,8 +999,7 @@ function completeWork(\n return null;\n }\n \n- let didSuspendAlready =\n- (workInProgress.effectTag & DidCapture) !== NoEffect;\n+ let didSuspendAlready = (workInProgress.flags & DidCapture) !== NoFlags;\n \n const renderedTail = renderState.rendering;\n if (renderedTail === null) {\n@@ -1019,14 +1018,14 @@ function completeWork(\n \/\/ findFirstSuspended.\n const cannotBeSuspended =\n renderHasNotSuspendedYet() &&\n- (current === null || (current.effectTag & DidCapture) === NoEffect);\n+ (current === null || (current.flags & DidCapture) === NoFlags);\n if (!cannotBeSuspended) {\n let row = workInProgress.child;\n while (row !== null) {\n const suspended = findFirstSuspended(row);\n if (suspended !== null) {\n didSuspendAlready = true;\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n cutOffTailIfNeeded(renderState, false);\n \n \/\/ If this is a newly suspended tree, it might not get committed as\n@@ -1044,13 +1043,13 @@ function completeWork(\n const newThennables = suspended.updateQueue;\n if (newThennables !== null) {\n workInProgress.updateQueue = newThennables;\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n \/\/ Rerender the whole list, but this time, we'll force fallbacks\n \/\/ to stay in place.\n \/\/ Reset the child fibers to their original state.\n- workInProgress.subtreeTag = NoEffect;\n+ workInProgress.subtreeFlags = NoFlags;\n resetChildFibers(workInProgress, renderLanes);\n \n \/\/ Set up the Suspense Context to force suspense and immediately\n@@ -1072,7 +1071,7 @@ function completeWork(\n \/\/ We have already passed our CPU deadline but we still have rows\n \/\/ left in the tail. We'll just give up further attempts to render\n \/\/ the main content and only render fallbacks.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n didSuspendAlready = true;\n \n cutOffTailIfNeeded(renderState, false);\n@@ -1099,7 +1098,7 @@ function completeWork(\n if (!didSuspendAlready) {\n const suspended = findFirstSuspended(renderedTail);\n if (suspended !== null) {\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n didSuspendAlready = true;\n \n \/\/ Ensure we transfer the update queue to the parent so that it doesn't\n@@ -1107,7 +1106,7 @@ function completeWork(\n const newThennables = suspended.updateQueue;\n if (newThennables !== null) {\n workInProgress.updateQueue = newThennables;\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n cutOffTailIfNeeded(renderState, true);\n@@ -1132,7 +1131,7 @@ function completeWork(\n \/\/ We have now passed our CPU deadline and we'll just give up further\n \/\/ attempts to render the main content and only render fallbacks.\n \/\/ The assumption is that this is usually faster.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n didSuspendAlready = true;\n \n cutOffTailIfNeeded(renderState, false);\n@@ -1285,7 +1284,7 @@ function completeWork(\n prevIsHidden !== nextIsHidden &&\n newProps.mode !== 'unstable-defer-without-hiding'\n ) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n return null;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js\nindex b85395337e..618705accf 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCompleteWork.old.js\n@@ -59,13 +59,7 @@ import {\n LegacyHiddenComponent,\n } from '.\/ReactWorkTags';\n import {NoMode, BlockingMode, ProfileMode} from '.\/ReactTypeOfMode';\n-import {\n- Ref,\n- Update,\n- NoEffect,\n- DidCapture,\n- Snapshot,\n-} from '.\/ReactSideEffectTags';\n+import {Ref, Update, NoFlags, DidCapture, Snapshot} from '.\/ReactFiberFlags';\n import invariant from 'shared\/invariant';\n \n import {\n@@ -146,11 +140,11 @@ import {transferActualDuration} from '.\/ReactProfilerTimer.old';\n function markUpdate(workInProgress: Fiber) {\n \/\/ Tag the fiber with an update effect. This turns a Placement into\n \/\/ a PlacementAndUpdate.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n function markRef(workInProgress: Fiber) {\n- workInProgress.effectTag |= Ref;\n+ workInProgress.flags |= Ref;\n }\n \n let appendAllChildren;\n@@ -297,7 +291,7 @@ if (supportsMutation) {\n \/\/ down its children. Instead, we'll get insertions from each child in\n \/\/ the portal directly.\n } else if (node.tag === SuspenseComponent) {\n- if ((node.effectTag & Update) !== NoEffect) {\n+ if ((node.flags & Update) !== NoFlags) {\n \/\/ Need to toggle the visibility of the primary children.\n const newIsHidden = node.memoizedState !== null;\n if (newIsHidden) {\n@@ -391,7 +385,7 @@ if (supportsMutation) {\n \/\/ down its children. Instead, we'll get insertions from each child in\n \/\/ the portal directly.\n } else if (node.tag === SuspenseComponent) {\n- if ((node.effectTag & Update) !== NoEffect) {\n+ if ((node.flags & Update) !== NoFlags) {\n \/\/ Need to toggle the visibility of the primary children.\n const newIsHidden = node.memoizedState !== null;\n if (newIsHidden) {\n@@ -696,7 +690,7 @@ function completeWork(\n \/\/ This handles the case of React rendering into a container with previous children.\n \/\/ It's also safe to do for updates too, because current.child would only be null\n \/\/ if the previous render was null (so the the container would already be empty).\n- workInProgress.effectTag |= Snapshot;\n+ workInProgress.flags |= Snapshot;\n }\n }\n updateHostContainer(workInProgress);\n@@ -842,7 +836,7 @@ function completeWork(\n \/\/ However, in some of those paths, we might have reentered a hydration state\n \/\/ and then we might be inside a hydration state. In that case, we'll need to exit out of it.\n resetHydrationState();\n- if ((workInProgress.effectTag & DidCapture) === NoEffect) {\n+ if ((workInProgress.flags & DidCapture) === NoFlags) {\n \/\/ This boundary did not suspend so it's now hydrated and unsuspended.\n workInProgress.memoizedState = null;\n }\n@@ -851,13 +845,13 @@ function completeWork(\n \/\/ It's also a signal to replay events and the suspense callback.\n \/\/ If something suspended, schedule an effect to attach retry listeners.\n \/\/ So we might as well always mark this.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n return null;\n }\n }\n }\n \n- if ((workInProgress.effectTag & DidCapture) !== NoEffect) {\n+ if ((workInProgress.flags & DidCapture) !== NoFlags) {\n \/\/ Something suspended. Re-render with the fallback children.\n workInProgress.lanes = renderLanes;\n \/\/ Do not reset the effect list.\n@@ -922,7 +916,7 @@ function completeWork(\n \/\/ If this boundary just timed out, schedule an effect to attach a\n \/\/ retry listener to the promise. This flag is also used to hide the\n \/\/ primary children.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (supportsMutation) {\n@@ -933,7 +927,7 @@ function completeWork(\n \/\/ primary children. In mutation mode, we also need the flag to\n \/\/ *unhide* children that were previously hidden, so check if this\n \/\/ is currently timed out, too.\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n if (\n@@ -942,7 +936,7 @@ function completeWork(\n workInProgress.memoizedProps.suspenseCallback != null\n ) {\n \/\/ Always notify the callback\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n return null;\n }\n@@ -978,8 +972,7 @@ function completeWork(\n return null;\n }\n \n- let didSuspendAlready =\n- (workInProgress.effectTag & DidCapture) !== NoEffect;\n+ let didSuspendAlready = (workInProgress.flags & DidCapture) !== NoFlags;\n \n const renderedTail = renderState.rendering;\n if (renderedTail === null) {\n@@ -998,14 +991,14 @@ function completeWork(\n \/\/ findFirstSuspended.\n const cannotBeSuspended =\n renderHasNotSuspendedYet() &&\n- (current === null || (current.effectTag & DidCapture) === NoEffect);\n+ (current === null || (current.flags & DidCapture) === NoFlags);\n if (!cannotBeSuspended) {\n let row = workInProgress.child;\n while (row !== null) {\n const suspended = findFirstSuspended(row);\n if (suspended !== null) {\n didSuspendAlready = true;\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n cutOffTailIfNeeded(renderState, false);\n \n \/\/ If this is a newly suspended tree, it might not get committed as\n@@ -1023,7 +1016,7 @@ function completeWork(\n const newThennables = suspended.updateQueue;\n if (newThennables !== null) {\n workInProgress.updateQueue = newThennables;\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n \/\/ Rerender the whole list, but this time, we'll force fallbacks\n@@ -1055,7 +1048,7 @@ function completeWork(\n \/\/ We have already passed our CPU deadline but we still have rows\n \/\/ left in the tail. We'll just give up further attempts to render\n \/\/ the main content and only render fallbacks.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n didSuspendAlready = true;\n \n cutOffTailIfNeeded(renderState, false);\n@@ -1082,7 +1075,7 @@ function completeWork(\n if (!didSuspendAlready) {\n const suspended = findFirstSuspended(renderedTail);\n if (suspended !== null) {\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n didSuspendAlready = true;\n \n \/\/ Ensure we transfer the update queue to the parent so that it doesn't\n@@ -1090,7 +1083,7 @@ function completeWork(\n const newThennables = suspended.updateQueue;\n if (newThennables !== null) {\n workInProgress.updateQueue = newThennables;\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n \n cutOffTailIfNeeded(renderState, true);\n@@ -1124,7 +1117,7 @@ function completeWork(\n \/\/ We have now passed our CPU deadline and we'll just give up further\n \/\/ attempts to render the main content and only render fallbacks.\n \/\/ The assumption is that this is usually faster.\n- workInProgress.effectTag |= DidCapture;\n+ workInProgress.flags |= DidCapture;\n didSuspendAlready = true;\n \n cutOffTailIfNeeded(renderState, false);\n@@ -1281,7 +1274,7 @@ function completeWork(\n prevIsHidden !== nextIsHidden &&\n newProps.mode !== 'unstable-defer-without-hiding'\n ) {\n- workInProgress.effectTag |= Update;\n+ workInProgress.flags |= Update;\n }\n }\n return null;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.new.js b\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.new.js\nindex 9664424c1f..7df87ffbf7 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.new.js\n@@ -12,7 +12,7 @@ import {enableProfilerTimer} from 'shared\/ReactFeatureFlags';\n import type {Fiber, FiberRoot, ReactPriorityLevel} from '.\/ReactInternalTypes';\n import type {ReactNodeList} from 'shared\/ReactTypes';\n \n-import {DidCapture} from '.\/ReactSideEffectTags';\n+import {DidCapture} from '.\/ReactFiberFlags';\n \n declare var __REACT_DEVTOOLS_GLOBAL_HOOK__: Object | void;\n \n@@ -84,7 +84,7 @@ export function onCommitRoot(\n ) {\n if (injectedHook && typeof injectedHook.onCommitFiberRoot === 'function') {\n try {\n- const didError = (root.current.effectTag & DidCapture) === DidCapture;\n+ const didError = (root.current.flags & DidCapture) === DidCapture;\n if (enableProfilerTimer) {\n injectedHook.onCommitFiberRoot(\n rendererID,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.old.js b\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.old.js\nindex 9664424c1f..7df87ffbf7 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberDevToolsHook.old.js\n@@ -12,7 +12,7 @@ import {enableProfilerTimer} from 'shared\/ReactFeatureFlags';\n import type {Fiber, FiberRoot, ReactPriorityLevel} from '.\/ReactInternalTypes';\n import type {ReactNodeList} from 'shared\/ReactTypes';\n \n-import {DidCapture} from '.\/ReactSideEffectTags';\n+import {DidCapture} from '.\/ReactFiberFlags';\n \n declare var __REACT_DEVTOOLS_GLOBAL_HOOK__: Object | void;\n \n@@ -84,7 +84,7 @@ export function onCommitRoot(\n ) {\n if (injectedHook && typeof injectedHook.onCommitFiberRoot === 'function') {\n try {\n- const didError = (root.current.effectTag & DidCapture) === DidCapture;\n+ const didError = (root.current.flags & DidCapture) === DidCapture;\n if (enableProfilerTimer) {\n injectedHook.onCommitFiberRoot(\n rendererID,\ndiff --git a\/packages\/react-reconciler\/src\/ReactSideEffectTags.js b\/packages\/react-reconciler\/src\/ReactFiberFlags.js\nsimilarity index 94%\nrename from packages\/react-reconciler\/src\/ReactSideEffectTags.js\nrename to packages\/react-reconciler\/src\/ReactFiberFlags.js\nindex 7a1aaf5bea..919957750c 100644\n--- a\/packages\/react-reconciler\/src\/ReactSideEffectTags.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberFlags.js\n@@ -7,10 +7,10 @@\n * @flow\n *\/\n \n-export type SideEffectTag = number;\n+export type Flags = number;\n \n \/\/ Don't change these two values. They're used by React Dev Tools.\n-export const NoEffect = \/* *\/ 0b0000000000000000;\n+export const NoFlags = \/* *\/ 0b0000000000000000;\n export const PerformedWork = \/* *\/ 0b0000000000000001;\n \n \/\/ You can change the rest (and add more).\n@@ -47,7 +47,7 @@ export const ForceUpdateForLegacySuspense = \/* *\/ 0b0100000000000000;\n \/\/ and instead rely on the static flag as a signal that there may be cleanup work.\n export const PassiveStatic = \/* *\/ 0b1000000000000000;\n \n-\/\/ Union of side effect groupings as pertains to subtreeTag\n+\/\/ Union of side effect groupings as pertains to subtreeFlags\n export const BeforeMutationMask = \/* *\/ 0b0000001100001010;\n export const MutationMask = \/* *\/ 0b0000010010011110;\n export const LayoutMask = \/* *\/ 0b0000000010100100;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js b\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js\nindex 11de90dffa..ab7b58715a 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js\n@@ -15,7 +15,7 @@ import type {\n } from 'shared\/ReactTypes';\n import type {Fiber, Dispatcher} from '.\/ReactInternalTypes';\n import type {Lanes, Lane} from '.\/ReactFiberLane';\n-import type {HookEffectTag} from '.\/ReactHookEffectTags';\n+import type {HookFlags} from '.\/ReactHookEffectTags';\n import type {ReactPriorityLevel} from '.\/ReactInternalTypes';\n import type {FiberRoot} from '.\/ReactInternalTypes';\n import type {OpaqueIDType} from '.\/ReactFiberHostConfig';\n@@ -48,7 +48,7 @@ import {\n Update as UpdateEffect,\n Passive as PassiveEffect,\n PassiveStatic as PassiveStaticEffect,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import {\n HasEffect as HookHasEffect,\n Layout as HookLayout,\n@@ -141,7 +141,7 @@ export type Hook = {|\n |};\n \n export type Effect = {|\n- tag: HookEffectTag,\n+ tag: HookFlags,\n create: () => (() => void) | void,\n destroy: (() => void) | void,\n deps: Array | null,\n@@ -482,7 +482,7 @@ export function bailoutHooks(\n lanes: Lanes,\n ) {\n workInProgress.updateQueue = current.updateQueue;\n- workInProgress.effectTag &= ~(PassiveEffect | UpdateEffect);\n+ workInProgress.flags &= ~(PassiveEffect | UpdateEffect);\n current.lanes = removeLanes(current.lanes, lanes);\n }\n \n@@ -1191,19 +1191,19 @@ function updateRef(initialValue: T): {|current: T|} {\n return hook.memoizedState;\n }\n \n-function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps): void {\n+function mountEffectImpl(fiberFlags, hookFlags, create, deps): void {\n const hook = mountWorkInProgressHook();\n const nextDeps = deps === undefined ? null : deps;\n- currentlyRenderingFiber.effectTag |= fiberEffectTag;\n+ currentlyRenderingFiber.flags |= fiberFlags;\n hook.memoizedState = pushEffect(\n- HookHasEffect | hookEffectTag,\n+ HookHasEffect | hookFlags,\n create,\n undefined,\n nextDeps,\n );\n }\n \n-function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps): void {\n+function updateEffectImpl(fiberFlags, hookFlags, create, deps): void {\n const hook = updateWorkInProgressHook();\n const nextDeps = deps === undefined ? null : deps;\n let destroy = undefined;\n@@ -1214,16 +1214,16 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps): void {\n if (nextDeps !== null) {\n const prevDeps = prevEffect.deps;\n if (areHookInputsEqual(nextDeps, prevDeps)) {\n- pushEffect(hookEffectTag, create, destroy, nextDeps);\n+ pushEffect(hookFlags, create, destroy, nextDeps);\n return;\n }\n }\n }\n \n- currentlyRenderingFiber.effectTag |= fiberEffectTag;\n+ currentlyRenderingFiber.flags |= fiberFlags;\n \n hook.memoizedState = pushEffect(\n- HookHasEffect | hookEffectTag,\n+ HookHasEffect | hookFlags,\n create,\n destroy,\n nextDeps,\n@@ -1615,7 +1615,7 @@ function mountOpaqueIdentifier(): OpaqueIDType | void {\n const setId = mountState(id)[1];\n \n if ((currentlyRenderingFiber.mode & BlockingMode) === NoMode) {\n- currentlyRenderingFiber.effectTag |=\n+ currentlyRenderingFiber.flags |=\n UpdateEffect | PassiveEffect | PassiveStaticEffect;\n pushEffect(\n HookHasEffect | HookPassive,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js b\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js\nindex 0e4d4591d7..972a746402 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js\n@@ -15,7 +15,7 @@ import type {\n } from 'shared\/ReactTypes';\n import type {Fiber, Dispatcher} from '.\/ReactInternalTypes';\n import type {Lanes, Lane} from '.\/ReactFiberLane';\n-import type {HookEffectTag} from '.\/ReactHookEffectTags';\n+import type {HookFlags} from '.\/ReactHookEffectTags';\n import type {ReactPriorityLevel} from '.\/ReactInternalTypes';\n import type {FiberRoot} from '.\/ReactInternalTypes';\n import type {OpaqueIDType} from '.\/ReactFiberHostConfig';\n@@ -47,7 +47,7 @@ import {readContext} from '.\/ReactFiberNewContext.old';\n import {\n Update as UpdateEffect,\n Passive as PassiveEffect,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import {\n HasEffect as HookHasEffect,\n Layout as HookLayout,\n@@ -140,7 +140,7 @@ export type Hook = {|\n |};\n \n export type Effect = {|\n- tag: HookEffectTag,\n+ tag: HookFlags,\n create: () => (() => void) | void,\n destroy: (() => void) | void,\n deps: Array | null,\n@@ -481,7 +481,7 @@ export function bailoutHooks(\n lanes: Lanes,\n ) {\n workInProgress.updateQueue = current.updateQueue;\n- workInProgress.effectTag &= ~(PassiveEffect | UpdateEffect);\n+ workInProgress.flags &= ~(PassiveEffect | UpdateEffect);\n current.lanes = removeLanes(current.lanes, lanes);\n }\n \n@@ -1190,19 +1190,19 @@ function updateRef(initialValue: T): {|current: T|} {\n return hook.memoizedState;\n }\n \n-function mountEffectImpl(fiberEffectTag, hookEffectTag, create, deps): void {\n+function mountEffectImpl(fiberFlags, hookFlags, create, deps): void {\n const hook = mountWorkInProgressHook();\n const nextDeps = deps === undefined ? null : deps;\n- currentlyRenderingFiber.effectTag |= fiberEffectTag;\n+ currentlyRenderingFiber.flags |= fiberFlags;\n hook.memoizedState = pushEffect(\n- HookHasEffect | hookEffectTag,\n+ HookHasEffect | hookFlags,\n create,\n undefined,\n nextDeps,\n );\n }\n \n-function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps): void {\n+function updateEffectImpl(fiberFlags, hookFlags, create, deps): void {\n const hook = updateWorkInProgressHook();\n const nextDeps = deps === undefined ? null : deps;\n let destroy = undefined;\n@@ -1213,16 +1213,16 @@ function updateEffectImpl(fiberEffectTag, hookEffectTag, create, deps): void {\n if (nextDeps !== null) {\n const prevDeps = prevEffect.deps;\n if (areHookInputsEqual(nextDeps, prevDeps)) {\n- pushEffect(hookEffectTag, create, destroy, nextDeps);\n+ pushEffect(hookFlags, create, destroy, nextDeps);\n return;\n }\n }\n }\n \n- currentlyRenderingFiber.effectTag |= fiberEffectTag;\n+ currentlyRenderingFiber.flags |= fiberFlags;\n \n hook.memoizedState = pushEffect(\n- HookHasEffect | hookEffectTag,\n+ HookHasEffect | hookFlags,\n create,\n destroy,\n nextDeps,\n@@ -1614,7 +1614,7 @@ function mountOpaqueIdentifier(): OpaqueIDType | void {\n const setId = mountState(id)[1];\n \n if ((currentlyRenderingFiber.mode & BlockingMode) === NoMode) {\n- currentlyRenderingFiber.effectTag |= UpdateEffect | PassiveEffect;\n+ currentlyRenderingFiber.flags |= UpdateEffect | PassiveEffect;\n pushEffect(\n HookHasEffect | HookPassive,\n () => {\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.new.js b\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.new.js\nindex 5baf0c0590..da5e5cbfaa 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.new.js\n@@ -24,7 +24,7 @@ import {\n HostRoot,\n SuspenseComponent,\n } from '.\/ReactWorkTags';\n-import {Deletion, Hydrating, Placement} from '.\/ReactSideEffectTags';\n+import {Deletion, Hydrating, Placement} from '.\/ReactFiberFlags';\n import invariant from 'shared\/invariant';\n \n import {\n@@ -129,14 +129,14 @@ function deleteHydratableInstance(\n if (deletions === null) {\n returnFiber.deletions = [childToDelete];\n \/\/ TODO (effects) Rename this to better reflect its new usage (e.g. ChildDeletions)\n- returnFiber.effectTag |= Deletion;\n+ returnFiber.flags |= Deletion;\n } else {\n deletions.push(childToDelete);\n }\n }\n \n function insertNonHydratedInstance(returnFiber: Fiber, fiber: Fiber) {\n- fiber.effectTag = (fiber.effectTag & ~Hydrating) | Placement;\n+ fiber.flags = (fiber.flags & ~Hydrating) | Placement;\n if (__DEV__) {\n switch (returnFiber.tag) {\n case HostRoot: {\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.old.js b\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.old.js\nindex 60f8df3d01..7576bd5ac0 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHydrationContext.old.js\n@@ -24,7 +24,7 @@ import {\n HostRoot,\n SuspenseComponent,\n } from '.\/ReactWorkTags';\n-import {Deletion, Placement, Hydrating} from '.\/ReactSideEffectTags';\n+import {Deletion, Placement, Hydrating} from '.\/ReactFiberFlags';\n import invariant from 'shared\/invariant';\n \n import {\n@@ -124,7 +124,7 @@ function deleteHydratableInstance(\n const childToDelete = createFiberFromHostInstanceForDeletion();\n childToDelete.stateNode = instance;\n childToDelete.return = returnFiber;\n- childToDelete.effectTag = Deletion;\n+ childToDelete.flags = Deletion;\n \n \/\/ This might seem like it belongs on progressedFirstDeletion. However,\n \/\/ these children are not part of the reconciliation list of children.\n@@ -140,7 +140,7 @@ function deleteHydratableInstance(\n }\n \n function insertNonHydratedInstance(returnFiber: Fiber, fiber: Fiber) {\n- fiber.effectTag = (fiber.effectTag & ~Hydrating) | Placement;\n+ fiber.flags = (fiber.flags & ~Hydrating) | Placement;\n if (__DEV__) {\n switch (returnFiber.tag) {\n case HostRoot: {\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.new.js b\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.new.js\nindex ce49b80419..2f9d9f365a 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.new.js\n@@ -11,7 +11,7 @@ import type {Fiber} from '.\/ReactInternalTypes';\n import type {SuspenseInstance} from '.\/ReactFiberHostConfig';\n import type {Lane} from '.\/ReactFiberLane';\n import {SuspenseComponent, SuspenseListComponent} from '.\/ReactWorkTags';\n-import {NoEffect, DidCapture} from '.\/ReactSideEffectTags';\n+import {NoFlags, DidCapture} from '.\/ReactFiberFlags';\n import {\n isSuspenseInstancePending,\n isSuspenseInstanceFallback,\n@@ -104,7 +104,7 @@ export function findFirstSuspended(row: Fiber): null | Fiber {\n \/\/ keep track of whether it suspended or not.\n node.memoizedProps.revealOrder !== undefined\n ) {\n- const didSuspend = (node.effectTag & DidCapture) !== NoEffect;\n+ const didSuspend = (node.flags & DidCapture) !== NoFlags;\n if (didSuspend) {\n return node;\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.old.js b\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.old.js\nindex 49e586c232..ee8f4c8918 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberSuspenseComponent.old.js\n@@ -11,7 +11,7 @@ import type {Fiber} from '.\/ReactInternalTypes';\n import type {SuspenseInstance} from '.\/ReactFiberHostConfig';\n import type {Lane} from '.\/ReactFiberLane';\n import {SuspenseComponent, SuspenseListComponent} from '.\/ReactWorkTags';\n-import {NoEffect, DidCapture} from '.\/ReactSideEffectTags';\n+import {NoFlags, DidCapture} from '.\/ReactFiberFlags';\n import {\n isSuspenseInstancePending,\n isSuspenseInstanceFallback,\n@@ -107,7 +107,7 @@ export function findFirstSuspended(row: Fiber): null | Fiber {\n \/\/ keep track of whether it suspended or not.\n node.memoizedProps.revealOrder !== undefined\n ) {\n- const didSuspend = (node.effectTag & DidCapture) !== NoEffect;\n+ const didSuspend = (node.flags & DidCapture) !== NoFlags;\n if (didSuspend) {\n return node;\n }\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberThrow.new.js b\/packages\/react-reconciler\/src\/ReactFiberThrow.new.js\nindex 1e1ca2633c..af41cd639a 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberThrow.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberThrow.new.js\n@@ -25,11 +25,11 @@ import {\n import {\n DidCapture,\n Incomplete,\n- NoEffect,\n+ NoFlags,\n ShouldCapture,\n LifecycleEffectMask,\n ForceUpdateForLegacySuspense,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import {shouldCaptureSuspense} from '.\/ReactFiberSuspenseComponent.new';\n import {NoMode, BlockingMode, DebugTracingMode} from '.\/ReactTypeOfMode';\n import {\n@@ -184,7 +184,7 @@ function throwException(\n rootRenderLanes: Lanes,\n ) {\n \/\/ The source fiber did not complete.\n- sourceFiber.effectTag |= Incomplete;\n+ sourceFiber.flags |= Incomplete;\n \n if (\n value !== null &&\n@@ -255,13 +255,13 @@ function throwException(\n \/\/ inside a blocking mode tree. If the Suspense is outside of it, we\n \/\/ should *not* suspend the commit.\n if ((workInProgress.mode & BlockingMode) === NoMode) {\n- workInProgress.effectTag |= DidCapture;\n- sourceFiber.effectTag |= ForceUpdateForLegacySuspense;\n+ workInProgress.flags |= DidCapture;\n+ sourceFiber.flags |= ForceUpdateForLegacySuspense;\n \n \/\/ We're going to commit this fiber even though it didn't complete.\n \/\/ But we shouldn't call any lifecycle methods or callbacks. Remove\n \/\/ all lifecycle effect tags.\n- sourceFiber.effectTag &= ~(LifecycleEffectMask | Incomplete);\n+ sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);\n \n if (sourceFiber.tag === ClassComponent) {\n const currentSourceFiber = sourceFiber.alternate;\n@@ -332,7 +332,7 @@ function throwException(\n \n attachPingListener(root, wakeable, rootRenderLanes);\n \n- workInProgress.effectTag |= ShouldCapture;\n+ workInProgress.flags |= ShouldCapture;\n workInProgress.lanes = rootRenderLanes;\n \n return;\n@@ -363,7 +363,7 @@ function throwException(\n switch (workInProgress.tag) {\n case HostRoot: {\n const errorInfo = value;\n- workInProgress.effectTag |= ShouldCapture;\n+ workInProgress.flags |= ShouldCapture;\n const lane = pickArbitraryLane(rootRenderLanes);\n workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);\n const update = createRootErrorUpdate(workInProgress, errorInfo, lane);\n@@ -376,13 +376,13 @@ function throwException(\n const ctor = workInProgress.type;\n const instance = workInProgress.stateNode;\n if (\n- (workInProgress.effectTag & DidCapture) === NoEffect &&\n+ (workInProgress.flags & DidCapture) === NoFlags &&\n (typeof ctor.getDerivedStateFromError === 'function' ||\n (instance !== null &&\n typeof instance.componentDidCatch === 'function' &&\n !isAlreadyFailedLegacyErrorBoundary(instance)))\n ) {\n- workInProgress.effectTag |= ShouldCapture;\n+ workInProgress.flags |= ShouldCapture;\n const lane = pickArbitraryLane(rootRenderLanes);\n workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);\n \/\/ Schedule the error boundary to re-render using updated state\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberThrow.old.js b\/packages\/react-reconciler\/src\/ReactFiberThrow.old.js\nindex 5f37bbb059..8d338d552d 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberThrow.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberThrow.old.js\n@@ -25,11 +25,11 @@ import {\n import {\n DidCapture,\n Incomplete,\n- NoEffect,\n+ NoFlags,\n ShouldCapture,\n LifecycleEffectMask,\n ForceUpdateForLegacySuspense,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import {shouldCaptureSuspense} from '.\/ReactFiberSuspenseComponent.old';\n import {NoMode, BlockingMode, DebugTracingMode} from '.\/ReactTypeOfMode';\n import {\n@@ -184,7 +184,7 @@ function throwException(\n rootRenderLanes: Lanes,\n ) {\n \/\/ The source fiber did not complete.\n- sourceFiber.effectTag |= Incomplete;\n+ sourceFiber.flags |= Incomplete;\n \/\/ Its effect list is no longer valid.\n sourceFiber.firstEffect = sourceFiber.lastEffect = null;\n \n@@ -257,13 +257,13 @@ function throwException(\n \/\/ inside a blocking mode tree. If the Suspense is outside of it, we\n \/\/ should *not* suspend the commit.\n if ((workInProgress.mode & BlockingMode) === NoMode) {\n- workInProgress.effectTag |= DidCapture;\n- sourceFiber.effectTag |= ForceUpdateForLegacySuspense;\n+ workInProgress.flags |= DidCapture;\n+ sourceFiber.flags |= ForceUpdateForLegacySuspense;\n \n \/\/ We're going to commit this fiber even though it didn't complete.\n \/\/ But we shouldn't call any lifecycle methods or callbacks. Remove\n \/\/ all lifecycle effect tags.\n- sourceFiber.effectTag &= ~(LifecycleEffectMask | Incomplete);\n+ sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);\n \n if (sourceFiber.tag === ClassComponent) {\n const currentSourceFiber = sourceFiber.alternate;\n@@ -334,7 +334,7 @@ function throwException(\n \n attachPingListener(root, wakeable, rootRenderLanes);\n \n- workInProgress.effectTag |= ShouldCapture;\n+ workInProgress.flags |= ShouldCapture;\n workInProgress.lanes = rootRenderLanes;\n \n return;\n@@ -365,7 +365,7 @@ function throwException(\n switch (workInProgress.tag) {\n case HostRoot: {\n const errorInfo = value;\n- workInProgress.effectTag |= ShouldCapture;\n+ workInProgress.flags |= ShouldCapture;\n const lane = pickArbitraryLane(rootRenderLanes);\n workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);\n const update = createRootErrorUpdate(workInProgress, errorInfo, lane);\n@@ -378,13 +378,13 @@ function throwException(\n const ctor = workInProgress.type;\n const instance = workInProgress.stateNode;\n if (\n- (workInProgress.effectTag & DidCapture) === NoEffect &&\n+ (workInProgress.flags & DidCapture) === NoFlags &&\n (typeof ctor.getDerivedStateFromError === 'function' ||\n (instance !== null &&\n typeof instance.componentDidCatch === 'function' &&\n !isAlreadyFailedLegacyErrorBoundary(instance)))\n ) {\n- workInProgress.effectTag |= ShouldCapture;\n+ workInProgress.flags |= ShouldCapture;\n const lane = pickArbitraryLane(rootRenderLanes);\n workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);\n \/\/ Schedule the error boundary to re-render using updated state\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberTreeReflection.js b\/packages\/react-reconciler\/src\/ReactFiberTreeReflection.js\nindex ed63a099f4..caf503d19e 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberTreeReflection.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberTreeReflection.js\n@@ -25,7 +25,7 @@ import {\n FundamentalComponent,\n SuspenseComponent,\n } from '.\/ReactWorkTags';\n-import {NoEffect, Placement, Hydrating} from '.\/ReactSideEffectTags';\n+import {NoFlags, Placement, Hydrating} from '.\/ReactFiberFlags';\n import {enableFundamentalAPI} from 'shared\/ReactFeatureFlags';\n \n const ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;\n@@ -39,7 +39,7 @@ export function getNearestMountedFiber(fiber: Fiber): null | Fiber {\n let nextNode = node;\n do {\n node = nextNode;\n- if ((node.effectTag & (Placement | Hydrating)) !== NoEffect) {\n+ if ((node.flags & (Placement | Hydrating)) !== NoFlags) {\n \/\/ This is an insertion or in-progress hydration. The nearest possible\n \/\/ mounted fiber is the parent but we need to continue to figure out\n \/\/ if that one is still mounted.\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.new.js\nindex 540ba6ef2a..98d1f7957f 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.new.js\n@@ -23,7 +23,7 @@ import {\n OffscreenComponent,\n LegacyHiddenComponent,\n } from '.\/ReactWorkTags';\n-import {DidCapture, NoEffect, ShouldCapture} from '.\/ReactSideEffectTags';\n+import {DidCapture, NoFlags, ShouldCapture} from '.\/ReactFiberFlags';\n import {NoMode, ProfileMode} from '.\/ReactTypeOfMode';\n import {\n enableSuspenseServerRenderer,\n@@ -51,9 +51,9 @@ function unwindWork(workInProgress: Fiber, renderLanes: Lanes) {\n if (isLegacyContextProvider(Component)) {\n popLegacyContext(workInProgress);\n }\n- const effectTag = workInProgress.effectTag;\n- if (effectTag & ShouldCapture) {\n- workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;\n+ const flags = workInProgress.flags;\n+ if (flags & ShouldCapture) {\n+ workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;\n if (\n enableProfilerTimer &&\n (workInProgress.mode & ProfileMode) !== NoMode\n@@ -68,13 +68,13 @@ function unwindWork(workInProgress: Fiber, renderLanes: Lanes) {\n popHostContainer(workInProgress);\n popTopLevelLegacyContextObject(workInProgress);\n resetMutableSourceWorkInProgressVersions();\n- const effectTag = workInProgress.effectTag;\n+ const flags = workInProgress.flags;\n invariant(\n- (effectTag & DidCapture) === NoEffect,\n+ (flags & DidCapture) === NoFlags,\n 'The root failed to unmount after an error. This is likely a bug in ' +\n 'React. Please file an issue.',\n );\n- workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;\n+ workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;\n return workInProgress;\n }\n case HostComponent: {\n@@ -96,9 +96,9 @@ function unwindWork(workInProgress: Fiber, renderLanes: Lanes) {\n resetHydrationState();\n }\n }\n- const effectTag = workInProgress.effectTag;\n- if (effectTag & ShouldCapture) {\n- workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;\n+ const flags = workInProgress.flags;\n+ if (flags & ShouldCapture) {\n+ workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;\n \/\/ Captured a suspense effect. Re-render the boundary.\n if (\n enableProfilerTimer &&\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.old.js\nindex 41d5519d89..b97dcf0a4a 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberUnwindWork.old.js\n@@ -23,7 +23,7 @@ import {\n OffscreenComponent,\n LegacyHiddenComponent,\n } from '.\/ReactWorkTags';\n-import {DidCapture, NoEffect, ShouldCapture} from '.\/ReactSideEffectTags';\n+import {DidCapture, NoFlags, ShouldCapture} from '.\/ReactFiberFlags';\n import {NoMode, ProfileMode} from '.\/ReactTypeOfMode';\n import {\n enableSuspenseServerRenderer,\n@@ -51,9 +51,9 @@ function unwindWork(workInProgress: Fiber, renderLanes: Lanes) {\n if (isLegacyContextProvider(Component)) {\n popLegacyContext(workInProgress);\n }\n- const effectTag = workInProgress.effectTag;\n- if (effectTag & ShouldCapture) {\n- workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;\n+ const flags = workInProgress.flags;\n+ if (flags & ShouldCapture) {\n+ workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;\n if (\n enableProfilerTimer &&\n (workInProgress.mode & ProfileMode) !== NoMode\n@@ -68,13 +68,13 @@ function unwindWork(workInProgress: Fiber, renderLanes: Lanes) {\n popHostContainer(workInProgress);\n popTopLevelLegacyContextObject(workInProgress);\n resetMutableSourceWorkInProgressVersions();\n- const effectTag = workInProgress.effectTag;\n+ const flags = workInProgress.flags;\n invariant(\n- (effectTag & DidCapture) === NoEffect,\n+ (flags & DidCapture) === NoFlags,\n 'The root failed to unmount after an error. This is likely a bug in ' +\n 'React. Please file an issue.',\n );\n- workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;\n+ workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;\n return workInProgress;\n }\n case HostComponent: {\n@@ -96,9 +96,9 @@ function unwindWork(workInProgress: Fiber, renderLanes: Lanes) {\n resetHydrationState();\n }\n }\n- const effectTag = workInProgress.effectTag;\n- if (effectTag & ShouldCapture) {\n- workInProgress.effectTag = (effectTag & ~ShouldCapture) | DidCapture;\n+ const flags = workInProgress.flags;\n+ if (flags & ShouldCapture) {\n+ workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;\n \/\/ Captured a suspense effect. Re-render the boundary.\n if (\n enableProfilerTimer &&\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\nindex c2dc019d02..e1dfcc0c68 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n@@ -51,7 +51,7 @@ import {\n scheduleSyncCallback,\n } from '.\/SchedulerWithReactIntegration.new';\n import {\n- NoEffect as NoHookEffect,\n+ NoFlags as NoHookEffect,\n Passive as HookPassive,\n } from '.\/ReactHookEffectTags';\n import {\n@@ -121,7 +121,7 @@ import {\n } from '.\/ReactWorkTags';\n import {LegacyRoot} from '.\/ReactRootTags';\n import {\n- NoEffect,\n+ NoFlags,\n Placement,\n Update,\n PlacementAndUpdate,\n@@ -139,15 +139,15 @@ import {\n MutationMask,\n LayoutMask,\n PassiveMask,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import {\n- NoEffect as NoSubtreeTag,\n- BeforeMutation as BeforeMutationSubtreeTag,\n- Mutation as MutationSubtreeTag,\n- Layout as LayoutSubtreeTag,\n- Passive as PassiveSubtreeTag,\n- PassiveStatic as PassiveStaticSubtreeTag,\n-} from '.\/ReactSubtreeTags';\n+ NoFlags as NoSubtreeFlags,\n+ BeforeMutation as BeforeMutationSubtreeFlags,\n+ Mutation as MutationSubtreeFlags,\n+ Layout as LayoutSubtreeFlags,\n+ Passive as PassiveSubtreeFlags,\n+ PassiveStatic as PassiveStaticSubtreeFlags,\n+} from '.\/ReactSubtreeFlags';\n import {\n NoLanePriority,\n SyncLanePriority,\n@@ -649,7 +649,7 @@ function markUpdateLaneFromFiberToRoot(\n if (__DEV__) {\n if (\n alternate === null &&\n- (sourceFiber.effectTag & (Placement | Hydrating)) !== NoEffect\n+ (sourceFiber.flags & (Placement | Hydrating)) !== NoFlags\n ) {\n warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);\n }\n@@ -664,7 +664,7 @@ function markUpdateLaneFromFiberToRoot(\n alternate.childLanes = mergeLanes(alternate.childLanes, lane);\n } else {\n if (__DEV__) {\n- if ((parent.effectTag & (Placement | Hydrating)) !== NoEffect) {\n+ if ((parent.flags & (Placement | Hydrating)) !== NoFlags) {\n warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);\n }\n }\n@@ -1705,7 +1705,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n const returnFiber = completedWork.return;\n \n \/\/ Check if the work completed or if something threw.\n- if ((completedWork.effectTag & Incomplete) === NoEffect) {\n+ if ((completedWork.flags & Incomplete) === NoFlags) {\n setCurrentDebugFiberInDEV(completedWork);\n let next;\n if (\n@@ -1741,7 +1741,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n \/\/ back here again.\n \/\/ Since we're restarting, remove anything that is not a host effect\n \/\/ from the effect tag.\n- next.effectTag &= HostEffectMask;\n+ next.flags &= HostEffectMask;\n workInProgress = next;\n return;\n }\n@@ -1765,8 +1765,8 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n \n if (returnFiber !== null) {\n \/\/ Mark the parent fiber as incomplete\n- returnFiber.effectTag |= Incomplete;\n- returnFiber.subtreeTag = NoSubtreeTag;\n+ returnFiber.flags |= Incomplete;\n+ returnFiber.subtreeFlags = NoSubtreeFlags;\n returnFiber.deletions = null;\n }\n }\n@@ -1809,7 +1809,7 @@ function resetChildLanes(completedWork: Fiber) {\n completedWork.alternate.child === completedWork.child;\n \n let newChildLanes = NoLanes;\n- let subtreeTag = NoSubtreeTag;\n+ let subtreeFlags = NoSubtreeFlags;\n \n if (!didBailout) {\n \/\/ Bubble up the earliest expiration time.\n@@ -1826,23 +1826,23 @@ function resetChildLanes(completedWork: Fiber) {\n mergeLanes(child.lanes, child.childLanes),\n );\n \n- subtreeTag |= child.subtreeTag;\n+ subtreeFlags |= child.subtreeFlags;\n \n- const effectTag = child.effectTag;\n- if ((effectTag & BeforeMutationMask) !== NoEffect) {\n- subtreeTag |= BeforeMutationSubtreeTag;\n+ const flags = child.flags;\n+ if ((flags & BeforeMutationMask) !== NoFlags) {\n+ subtreeFlags |= BeforeMutationSubtreeFlags;\n }\n- if ((effectTag & MutationMask) !== NoEffect) {\n- subtreeTag |= MutationSubtreeTag;\n+ if ((flags & MutationMask) !== NoFlags) {\n+ subtreeFlags |= MutationSubtreeFlags;\n }\n- if ((effectTag & LayoutMask) !== NoEffect) {\n- subtreeTag |= LayoutSubtreeTag;\n+ if ((flags & LayoutMask) !== NoFlags) {\n+ subtreeFlags |= LayoutSubtreeFlags;\n }\n- if ((effectTag & PassiveMask) !== NoEffect) {\n- subtreeTag |= PassiveSubtreeTag;\n+ if ((flags & PassiveMask) !== NoFlags) {\n+ subtreeFlags |= PassiveSubtreeFlags;\n }\n- if ((effectTag & PassiveStatic) !== NoEffect) {\n- subtreeTag |= PassiveStaticSubtreeTag;\n+ if ((flags & PassiveStatic) !== NoFlags) {\n+ subtreeFlags |= PassiveStaticSubtreeFlags;\n }\n \n \/\/ When a fiber is cloned, its actualDuration is reset to 0. This value will\n@@ -1879,30 +1879,30 @@ function resetChildLanes(completedWork: Fiber) {\n mergeLanes(child.lanes, child.childLanes),\n );\n \n- subtreeTag |= child.subtreeTag;\n+ subtreeFlags |= child.subtreeFlags;\n \n- const effectTag = child.effectTag;\n- if ((effectTag & BeforeMutationMask) !== NoEffect) {\n- subtreeTag |= BeforeMutationSubtreeTag;\n+ const flags = child.flags;\n+ if ((flags & BeforeMutationMask) !== NoFlags) {\n+ subtreeFlags |= BeforeMutationSubtreeFlags;\n }\n- if ((effectTag & MutationMask) !== NoEffect) {\n- subtreeTag |= MutationSubtreeTag;\n+ if ((flags & MutationMask) !== NoFlags) {\n+ subtreeFlags |= MutationSubtreeFlags;\n }\n- if ((effectTag & LayoutMask) !== NoEffect) {\n- subtreeTag |= LayoutSubtreeTag;\n+ if ((flags & LayoutMask) !== NoFlags) {\n+ subtreeFlags |= LayoutSubtreeFlags;\n }\n- if ((effectTag & PassiveMask) !== NoEffect) {\n- subtreeTag |= PassiveSubtreeTag;\n+ if ((flags & PassiveMask) !== NoFlags) {\n+ subtreeFlags |= PassiveSubtreeFlags;\n }\n- if ((effectTag & PassiveStatic) !== NoEffect) {\n- subtreeTag |= PassiveStaticSubtreeTag;\n+ if ((flags & PassiveStatic) !== NoFlags) {\n+ subtreeFlags |= PassiveStaticSubtreeFlags;\n }\n \n child = child.sibling;\n }\n }\n \n- completedWork.subtreeTag |= subtreeTag;\n+ completedWork.subtreeFlags |= subtreeFlags;\n } else {\n \/\/ Bubble up the earliest expiration time.\n if (enableProfilerTimer && (completedWork.mode & ProfileMode) !== NoMode) {\n@@ -1919,10 +1919,10 @@ function resetChildLanes(completedWork: Fiber) {\n \n \/\/ Preserve passive static flag even in the case of a bailout;\n \/\/ otherwise a subsequent unmount may bailout before calling destroy functions.\n- subtreeTag |= child.subtreeTag & PassiveStaticSubtreeTag;\n- const effectTag = child.effectTag;\n- if ((effectTag & PassiveStatic) !== NoEffect) {\n- subtreeTag |= PassiveStaticSubtreeTag;\n+ subtreeFlags |= child.subtreeFlags & PassiveStaticSubtreeFlags;\n+ const flags = child.flags;\n+ if ((flags & PassiveStatic) !== NoFlags) {\n+ subtreeFlags |= PassiveStaticSubtreeFlags;\n }\n \n treeBaseDuration += child.treeBaseDuration;\n@@ -1951,17 +1951,17 @@ function resetChildLanes(completedWork: Fiber) {\n \n \/\/ Preserve passive static flag even in the case of a bailout;\n \/\/ otherwise a subsequent unmount may bailout before calling destroy functions.\n- subtreeTag |= child.subtreeTag & PassiveStaticSubtreeTag;\n- const effectTag = child.effectTag;\n- if ((effectTag & PassiveStatic) !== NoEffect) {\n- subtreeTag |= PassiveStaticSubtreeTag;\n+ subtreeFlags |= child.subtreeFlags & PassiveStaticSubtreeFlags;\n+ const flags = child.flags;\n+ if ((flags & PassiveStatic) !== NoFlags) {\n+ subtreeFlags |= PassiveStaticSubtreeFlags;\n }\n \n child = child.sibling;\n }\n }\n \n- completedWork.subtreeTag |= subtreeTag;\n+ completedWork.subtreeFlags |= subtreeFlags;\n }\n \n completedWork.childLanes = newChildLanes;\n@@ -2066,16 +2066,16 @@ function commitRootImpl(root, renderPriorityLevel) {\n \/\/ only other reason this optimization exists is because it affects profiling.\n \/\/ Reconsider whether this is necessary.\n const subtreeHasEffects =\n- (finishedWork.subtreeTag &\n- (BeforeMutationSubtreeTag |\n- MutationSubtreeTag |\n- LayoutSubtreeTag |\n- PassiveSubtreeTag)) !==\n- NoSubtreeTag;\n+ (finishedWork.subtreeFlags &\n+ (BeforeMutationSubtreeFlags |\n+ MutationSubtreeFlags |\n+ LayoutSubtreeFlags |\n+ PassiveSubtreeFlags)) !==\n+ NoSubtreeFlags;\n const rootHasEffect =\n- (finishedWork.effectTag &\n+ (finishedWork.flags &\n (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==\n- NoEffect;\n+ NoFlags;\n \n if (subtreeHasEffects || rootHasEffect) {\n let previousLanePriority;\n@@ -2152,8 +2152,8 @@ function commitRootImpl(root, renderPriorityLevel) {\n \n \/\/ If there are pending passive effects, schedule a callback to process them.\n if (\n- (finishedWork.subtreeTag & PassiveSubtreeTag) !== NoSubtreeTag ||\n- (finishedWork.effectTag & PassiveMask) !== NoEffect\n+ (finishedWork.subtreeFlags & PassiveSubtreeFlags) !== NoSubtreeFlags ||\n+ (finishedWork.flags & PassiveMask) !== NoFlags\n ) {\n if (!rootDoesHavePassiveEffects) {\n rootDoesHavePassiveEffects = true;\n@@ -2306,8 +2306,9 @@ function commitBeforeMutationEffects(firstChild: Fiber) {\n }\n \n if (fiber.child !== null) {\n- const primarySubtreeTag = fiber.subtreeTag & BeforeMutationSubtreeTag;\n- if (primarySubtreeTag !== NoSubtreeTag) {\n+ const primarySubtreeFlags =\n+ fiber.subtreeFlags & BeforeMutationSubtreeFlags;\n+ if (primarySubtreeFlags !== NoSubtreeFlags) {\n commitBeforeMutationEffects(fiber.child);\n }\n }\n@@ -2333,7 +2334,7 @@ function commitBeforeMutationEffects(firstChild: Fiber) {\n \n function commitBeforeMutationEffectsImpl(fiber: Fiber) {\n const current = fiber.alternate;\n- const effectTag = fiber.effectTag;\n+ const flags = fiber.flags;\n \n if (!shouldFireAfterActiveInstanceBlur && focusedInstanceHandle !== null) {\n \/\/ Check to see if the focused element was inside of a hidden (Suspense) subtree.\n@@ -2348,13 +2349,13 @@ function commitBeforeMutationEffectsImpl(fiber: Fiber) {\n }\n }\n \n- if ((effectTag & Snapshot) !== NoEffect) {\n+ if ((flags & Snapshot) !== NoFlags) {\n setCurrentDebugFiberInDEV(fiber);\n commitBeforeMutationEffectOnFiber(current, fiber);\n resetCurrentDebugFiberInDEV();\n }\n \n- if ((effectTag & Passive) !== NoEffect) {\n+ if ((flags & Passive) !== NoFlags) {\n \/\/ If there are passive effects, schedule a callback to flush at\n \/\/ the earliest opportunity.\n if (!rootDoesHavePassiveEffects) {\n@@ -2372,7 +2373,7 @@ function commitBeforeMutationEffectsDeletions(deletions: Array) {\n const fiber = deletions[i];\n \n \/\/ TODO (effects) It would be nice to avoid calling doesFiberContain()\n- \/\/ Maybe we can repurpose one of the subtreeTag positions for this instead?\n+ \/\/ Maybe we can repurpose one of the subtreeFlags positions for this instead?\n \/\/ Use it to store which part of the tree the focused instance is in?\n \/\/ This assumes we can safely determine that instance during the \"render\" phase.\n \n@@ -2401,8 +2402,8 @@ function commitMutationEffects(\n }\n \n if (fiber.child !== null) {\n- const primarySubtreeTag = fiber.subtreeTag & MutationSubtreeTag;\n- if (primarySubtreeTag !== NoSubtreeTag) {\n+ const primarySubtreeFlags = fiber.subtreeFlags & MutationSubtreeFlags;\n+ if (primarySubtreeFlags !== NoSubtreeFlags) {\n commitMutationEffects(fiber.child, root, renderPriorityLevel);\n }\n }\n@@ -2438,12 +2439,12 @@ function commitMutationEffectsImpl(\n root: FiberRoot,\n renderPriorityLevel,\n ) {\n- const effectTag = fiber.effectTag;\n- if (effectTag & ContentReset) {\n+ const flags = fiber.flags;\n+ if (flags & ContentReset) {\n commitResetTextContent(fiber);\n }\n \n- if (effectTag & Ref) {\n+ if (flags & Ref) {\n const current = fiber.alternate;\n if (current !== null) {\n commitDetachRef(current);\n@@ -2461,15 +2462,15 @@ function commitMutationEffectsImpl(\n \/\/ updates, and deletions. To avoid needing to add a case for every possible\n \/\/ bitmap value, we remove the secondary effects from the effect tag and\n \/\/ switch on that value.\n- const primaryEffectTag = effectTag & (Placement | Update | Hydrating);\n- switch (primaryEffectTag) {\n+ const primaryFlags = flags & (Placement | Update | Hydrating);\n+ switch (primaryFlags) {\n case Placement: {\n commitPlacement(fiber);\n \/\/ Clear the \"placement\" from effect tag so that we know that this is\n \/\/ inserted, before any life-cycles like componentDidMount gets called.\n \/\/ TODO: findDOMNode doesn't rely on this any more but isMounted does\n \/\/ and isMounted is deprecated anyway so we should be able to kill this.\n- fiber.effectTag &= ~Placement;\n+ fiber.flags &= ~Placement;\n break;\n }\n case PlacementAndUpdate: {\n@@ -2477,7 +2478,7 @@ function commitMutationEffectsImpl(\n commitPlacement(fiber);\n \/\/ Clear the \"placement\" from effect tag so that we know that this is\n \/\/ inserted, before any life-cycles like componentDidMount gets called.\n- fiber.effectTag &= ~Placement;\n+ fiber.flags &= ~Placement;\n \n \/\/ Update\n const current = fiber.alternate;\n@@ -2485,11 +2486,11 @@ function commitMutationEffectsImpl(\n break;\n }\n case Hydrating: {\n- fiber.effectTag &= ~Hydrating;\n+ fiber.flags &= ~Hydrating;\n break;\n }\n case HydratingAndUpdate: {\n- fiber.effectTag &= ~Hydrating;\n+ fiber.flags &= ~Hydrating;\n \n \/\/ Update\n const current = fiber.alternate;\n@@ -2559,8 +2560,8 @@ function commitLayoutEffects(\n let fiber = firstChild;\n while (fiber !== null) {\n if (fiber.child !== null) {\n- const primarySubtreeTag = fiber.subtreeTag & LayoutSubtreeTag;\n- if (primarySubtreeTag !== NoSubtreeTag) {\n+ const primarySubtreeFlags = fiber.subtreeFlags & LayoutSubtreeFlags;\n+ if (primarySubtreeFlags !== NoSubtreeFlags) {\n commitLayoutEffects(fiber.child, root, committedLanes);\n }\n }\n@@ -2596,11 +2597,11 @@ function commitLayoutEffectsImpl(\n root: FiberRoot,\n committedLanes: Lanes,\n ) {\n- const effectTag = fiber.effectTag;\n+ const flags = fiber.flags;\n \n setCurrentDebugFiberInDEV(fiber);\n \n- if (effectTag & (Update | Callback)) {\n+ if (flags & (Update | Callback)) {\n const current = fiber.alternate;\n commitLayoutEffectOnFiber(root, current, fiber, committedLanes);\n }\n@@ -2608,11 +2609,11 @@ function commitLayoutEffectsImpl(\n if (enableScopeAPI) {\n \/\/ TODO: This is a temporary solution that allowed us to transition away\n \/\/ from React Flare on www.\n- if (effectTag & Ref && fiber.tag !== ScopeComponent) {\n+ if (flags & Ref && fiber.tag !== ScopeComponent) {\n commitAttachRef(fiber);\n }\n } else {\n- if (effectTag & Ref) {\n+ if (flags & Ref) {\n commitAttachRef(fiber);\n }\n }\n@@ -2661,13 +2662,13 @@ export function enqueuePendingPassiveProfilerEffect(fiber: Fiber): void {\n function flushPassiveMountEffects(firstChild: Fiber): void {\n let fiber = firstChild;\n while (fiber !== null) {\n- const primarySubtreeTag = fiber.subtreeTag & PassiveSubtreeTag;\n+ const primarySubtreeFlags = fiber.subtreeFlags & PassiveSubtreeFlags;\n \n- if (fiber.child !== null && primarySubtreeTag !== NoSubtreeTag) {\n+ if (fiber.child !== null && primarySubtreeFlags !== NoSubtreeFlags) {\n flushPassiveMountEffects(fiber.child);\n }\n \n- if ((fiber.effectTag & Update) !== NoEffect) {\n+ if ((fiber.flags & Update) !== NoFlags) {\n setCurrentDebugFiberInDEV(fiber);\n commitPassiveEffectOnFiber(fiber);\n resetCurrentDebugFiberInDEV();\n@@ -2694,17 +2695,17 @@ function flushPassiveUnmountEffects(firstChild: Fiber): void {\n const child = fiber.child;\n if (child !== null) {\n \/\/ If any children have passive effects then traverse the subtree.\n- \/\/ Note that this requires checking subtreeTag of the current Fiber,\n- \/\/ rather than the subtreeTag\/effectsTag of the first child,\n+ \/\/ Note that this requires checking subtreeFlags of the current Fiber,\n+ \/\/ rather than the subtreeFlags\/effectsTag of the first child,\n \/\/ since that would not cover passive effects in siblings.\n- const primarySubtreeTag = fiber.subtreeTag & PassiveSubtreeTag;\n- if (primarySubtreeTag !== NoSubtreeTag) {\n+ const primarySubtreeFlags = fiber.subtreeFlags & PassiveSubtreeFlags;\n+ if (primarySubtreeFlags !== NoSubtreeFlags) {\n flushPassiveUnmountEffects(child);\n }\n }\n \n- const primaryEffectTag = fiber.effectTag & Passive;\n- if (primaryEffectTag !== NoEffect) {\n+ const primaryFlags = fiber.flags & Passive;\n+ if (primaryFlags !== NoFlags) {\n setCurrentDebugFiberInDEV(fiber);\n commitPassiveWork(fiber);\n resetCurrentDebugFiberInDEV();\n@@ -2718,10 +2719,13 @@ function flushPassiveUnmountEffectsInsideOfDeletedTree(\n fiberToDelete: Fiber,\n nearestMountedAncestor: Fiber,\n ): void {\n- if ((fiberToDelete.subtreeTag & PassiveStaticSubtreeTag) !== NoSubtreeTag) {\n+ if (\n+ (fiberToDelete.subtreeFlags & PassiveStaticSubtreeFlags) !==\n+ NoSubtreeFlags\n+ ) {\n \/\/ If any children have passive effects then traverse the subtree.\n- \/\/ Note that this requires checking subtreeTag of the current Fiber,\n- \/\/ rather than the subtreeTag\/effectsTag of the first child,\n+ \/\/ Note that this requires checking subtreeFlags of the current Fiber,\n+ \/\/ rather than the subtreeFlags\/effectsTag of the first child,\n \/\/ since that would not cover passive effects in siblings.\n let child = fiberToDelete.child;\n while (child !== null) {\n@@ -2733,7 +2737,7 @@ function flushPassiveUnmountEffectsInsideOfDeletedTree(\n }\n }\n \n- if ((fiberToDelete.effectTag & PassiveStatic) !== NoEffect) {\n+ if ((fiberToDelete.flags & PassiveStatic) !== NoFlags) {\n setCurrentDebugFiberInDEV(fiberToDelete);\n commitPassiveUnmount(fiberToDelete, nearestMountedAncestor);\n resetCurrentDebugFiberInDEV();\n@@ -3162,7 +3166,7 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {\n return;\n }\n \n- if ((fiber.effectTag & PassiveStatic) !== NoEffect) {\n+ if ((fiber.flags & PassiveStatic) !== NoFlags) {\n const updateQueue: FunctionComponentUpdateQueue | null = (fiber.updateQueue: any);\n if (updateQueue !== null) {\n const lastEffect = updateQueue.lastEffect;\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\nindex 97514adb03..e1cccf912c 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n@@ -117,7 +117,7 @@ import {\n } from '.\/ReactWorkTags';\n import {LegacyRoot} from '.\/ReactRootTags';\n import {\n- NoEffect,\n+ NoFlags,\n PerformedWork,\n Placement,\n Update,\n@@ -133,7 +133,7 @@ import {\n HostEffectMask,\n Hydrating,\n HydratingAndUpdate,\n-} from '.\/ReactSideEffectTags';\n+} from '.\/ReactFiberFlags';\n import {\n NoLanePriority,\n SyncLanePriority,\n@@ -637,7 +637,7 @@ function markUpdateLaneFromFiberToRoot(\n if (__DEV__) {\n if (\n alternate === null &&\n- (sourceFiber.effectTag & (Placement | Hydrating)) !== NoEffect\n+ (sourceFiber.flags & (Placement | Hydrating)) !== NoFlags\n ) {\n warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);\n }\n@@ -652,7 +652,7 @@ function markUpdateLaneFromFiberToRoot(\n alternate.childLanes = mergeLanes(alternate.childLanes, lane);\n } else {\n if (__DEV__) {\n- if ((parent.effectTag & (Placement | Hydrating)) !== NoEffect) {\n+ if ((parent.flags & (Placement | Hydrating)) !== NoFlags) {\n warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);\n }\n }\n@@ -1693,7 +1693,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n const returnFiber = completedWork.return;\n \n \/\/ Check if the work completed or if something threw.\n- if ((completedWork.effectTag & Incomplete) === NoEffect) {\n+ if ((completedWork.flags & Incomplete) === NoFlags) {\n setCurrentDebugFiberInDEV(completedWork);\n let next;\n if (\n@@ -1720,7 +1720,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n if (\n returnFiber !== null &&\n \/\/ Do not append effects to parents if a sibling failed to complete\n- (returnFiber.effectTag & Incomplete) === NoEffect\n+ (returnFiber.flags & Incomplete) === NoFlags\n ) {\n \/\/ Append all the effects of the subtree and this fiber onto the effect\n \/\/ list of the parent. The completion order of the children affects the\n@@ -1741,12 +1741,12 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n \/\/ schedule our own side-effect on our own list because if end up\n \/\/ reusing children we'll schedule this effect onto itself since we're\n \/\/ at the end.\n- const effectTag = completedWork.effectTag;\n+ const flags = completedWork.flags;\n \n \/\/ Skip both NoWork and PerformedWork tags when creating the effect\n \/\/ list. PerformedWork effect is read by React DevTools but shouldn't be\n \/\/ committed.\n- if (effectTag > PerformedWork) {\n+ if (flags > PerformedWork) {\n if (returnFiber.lastEffect !== null) {\n returnFiber.lastEffect.nextEffect = completedWork;\n } else {\n@@ -1768,7 +1768,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n \/\/ back here again.\n \/\/ Since we're restarting, remove anything that is not a host effect\n \/\/ from the effect tag.\n- next.effectTag &= HostEffectMask;\n+ next.flags &= HostEffectMask;\n workInProgress = next;\n return;\n }\n@@ -1793,7 +1793,7 @@ function completeUnitOfWork(unitOfWork: Fiber): void {\n if (returnFiber !== null) {\n \/\/ Mark the parent fiber as incomplete and clear its effect list.\n returnFiber.firstEffect = returnFiber.lastEffect = null;\n- returnFiber.effectTag |= Incomplete;\n+ returnFiber.flags |= Incomplete;\n }\n }\n \n@@ -1985,7 +1985,7 @@ function commitRootImpl(root, renderPriorityLevel) {\n \n \/\/ Get the list of effects.\n let firstEffect;\n- if (finishedWork.effectTag > PerformedWork) {\n+ if (finishedWork.flags > PerformedWork) {\n \/\/ A fiber's effect list consists only of its children, not itself. So if\n \/\/ the root has an effect, we need to add it to the end of the list. The\n \/\/ resulting list is the set that would belong to the root's parent, if it\n@@ -2161,7 +2161,7 @@ function commitRootImpl(root, renderPriorityLevel) {\n while (nextEffect !== null) {\n const nextNextEffect = nextEffect.nextEffect;\n nextEffect.nextEffect = null;\n- if (nextEffect.effectTag & Deletion) {\n+ if (nextEffect.flags & Deletion) {\n detachFiberAfterEffects(nextEffect);\n }\n nextEffect = nextNextEffect;\n@@ -2272,7 +2272,7 @@ function commitBeforeMutationEffects() {\n const current = nextEffect.alternate;\n \n if (!shouldFireAfterActiveInstanceBlur && focusedInstanceHandle !== null) {\n- if ((nextEffect.effectTag & Deletion) !== NoEffect) {\n+ if ((nextEffect.flags & Deletion) !== NoFlags) {\n if (doesFiberContain(nextEffect, focusedInstanceHandle)) {\n shouldFireAfterActiveInstanceBlur = true;\n beforeActiveInstanceBlur();\n@@ -2290,15 +2290,15 @@ function commitBeforeMutationEffects() {\n }\n }\n \n- const effectTag = nextEffect.effectTag;\n- if ((effectTag & Snapshot) !== NoEffect) {\n+ const flags = nextEffect.flags;\n+ if ((flags & Snapshot) !== NoFlags) {\n setCurrentDebugFiberInDEV(nextEffect);\n \n commitBeforeMutationEffectOnFiber(current, nextEffect);\n \n resetCurrentDebugFiberInDEV();\n }\n- if ((effectTag & Passive) !== NoEffect) {\n+ if ((flags & Passive) !== NoFlags) {\n \/\/ If there are passive effects, schedule a callback to flush at\n \/\/ the earliest opportunity.\n if (!rootDoesHavePassiveEffects) {\n@@ -2321,13 +2321,13 @@ function commitMutationEffects(\n while (nextEffect !== null) {\n setCurrentDebugFiberInDEV(nextEffect);\n \n- const effectTag = nextEffect.effectTag;\n+ const flags = nextEffect.flags;\n \n- if (effectTag & ContentReset) {\n+ if (flags & ContentReset) {\n commitResetTextContent(nextEffect);\n }\n \n- if (effectTag & Ref) {\n+ if (flags & Ref) {\n const current = nextEffect.alternate;\n if (current !== null) {\n commitDetachRef(current);\n@@ -2345,16 +2345,15 @@ function commitMutationEffects(\n \/\/ updates, and deletions. To avoid needing to add a case for every possible\n \/\/ bitmap value, we remove the secondary effects from the effect tag and\n \/\/ switch on that value.\n- const primaryEffectTag =\n- effectTag & (Placement | Update | Deletion | Hydrating);\n- switch (primaryEffectTag) {\n+ const primaryFlags = flags & (Placement | Update | Deletion | Hydrating);\n+ switch (primaryFlags) {\n case Placement: {\n commitPlacement(nextEffect);\n \/\/ Clear the \"placement\" from effect tag so that we know that this is\n \/\/ inserted, before any life-cycles like componentDidMount gets called.\n \/\/ TODO: findDOMNode doesn't rely on this any more but isMounted does\n \/\/ and isMounted is deprecated anyway so we should be able to kill this.\n- nextEffect.effectTag &= ~Placement;\n+ nextEffect.flags &= ~Placement;\n break;\n }\n case PlacementAndUpdate: {\n@@ -2362,7 +2361,7 @@ function commitMutationEffects(\n commitPlacement(nextEffect);\n \/\/ Clear the \"placement\" from effect tag so that we know that this is\n \/\/ inserted, before any life-cycles like componentDidMount gets called.\n- nextEffect.effectTag &= ~Placement;\n+ nextEffect.flags &= ~Placement;\n \n \/\/ Update\n const current = nextEffect.alternate;\n@@ -2370,11 +2369,11 @@ function commitMutationEffects(\n break;\n }\n case Hydrating: {\n- nextEffect.effectTag &= ~Hydrating;\n+ nextEffect.flags &= ~Hydrating;\n break;\n }\n case HydratingAndUpdate: {\n- nextEffect.effectTag &= ~Hydrating;\n+ nextEffect.flags &= ~Hydrating;\n \n \/\/ Update\n const current = nextEffect.alternate;\n@@ -2417,9 +2416,9 @@ function commitLayoutEffects(root: FiberRoot, committedLanes: Lanes) {\n while (nextEffect !== null) {\n setCurrentDebugFiberInDEV(nextEffect);\n \n- const effectTag = nextEffect.effectTag;\n+ const flags = nextEffect.flags;\n \n- if (effectTag & (Update | Callback)) {\n+ if (flags & (Update | Callback)) {\n const current = nextEffect.alternate;\n commitLayoutEffectOnFiber(root, current, nextEffect, committedLanes);\n }\n@@ -2427,11 +2426,11 @@ function commitLayoutEffects(root: FiberRoot, committedLanes: Lanes) {\n if (enableScopeAPI) {\n \/\/ TODO: This is a temporary solution that allowed us to transition away\n \/\/ from React Flare on www.\n- if (effectTag & Ref && nextEffect.tag !== ScopeComponent) {\n+ if (flags & Ref && nextEffect.tag !== ScopeComponent) {\n commitAttachRef(nextEffect);\n }\n } else {\n- if (effectTag & Ref) {\n+ if (flags & Ref) {\n commitAttachRef(nextEffect);\n }\n }\n@@ -2509,10 +2508,10 @@ export function enqueuePendingPassiveHookEffectUnmount(\n ): void {\n pendingPassiveHookEffectsUnmount.push(effect, fiber);\n if (__DEV__) {\n- fiber.effectTag |= PassiveUnmountPendingDev;\n+ fiber.flags |= PassiveUnmountPendingDev;\n const alternate = fiber.alternate;\n if (alternate !== null) {\n- alternate.effectTag |= PassiveUnmountPendingDev;\n+ alternate.flags |= PassiveUnmountPendingDev;\n }\n }\n if (!rootDoesHavePassiveEffects) {\n@@ -2579,10 +2578,10 @@ function flushPassiveEffectsImpl() {\n effect.destroy = undefined;\n \n if (__DEV__) {\n- fiber.effectTag &= ~PassiveUnmountPendingDev;\n+ fiber.flags &= ~PassiveUnmountPendingDev;\n const alternate = fiber.alternate;\n if (alternate !== null) {\n- alternate.effectTag &= ~PassiveUnmountPendingDev;\n+ alternate.flags &= ~PassiveUnmountPendingDev;\n }\n }\n \n@@ -2686,7 +2685,7 @@ function flushPassiveEffectsImpl() {\n const nextNextEffect = effect.nextEffect;\n \/\/ Remove nextEffect pointer to assist GC\n effect.nextEffect = null;\n- if (effect.effectTag & Deletion) {\n+ if (effect.flags & Deletion) {\n detachFiberAfterEffects(effect);\n }\n effect = nextNextEffect;\n@@ -3092,7 +3091,7 @@ function warnAboutUpdateOnUnmountedFiberInDEV(fiber) {\n \n \/\/ If there are pending passive effects unmounts for this Fiber,\n \/\/ we can assume that they would have prevented this update.\n- if ((fiber.effectTag & PassiveUnmountPendingDev) !== NoEffect) {\n+ if ((fiber.flags & PassiveUnmountPendingDev) !== NoFlags) {\n return;\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactHookEffectTags.js b\/packages\/react-reconciler\/src\/ReactHookEffectTags.js\nindex 709b5b891e..0ccd7e2ccb 100644\n--- a\/packages\/react-reconciler\/src\/ReactHookEffectTags.js\n+++ b\/packages\/react-reconciler\/src\/ReactHookEffectTags.js\n@@ -7,9 +7,9 @@\n * @flow\n *\/\n \n-export type HookEffectTag = number;\n+export type HookFlags = number;\n \n-export const NoEffect = \/* *\/ 0b000;\n+export const NoFlags = \/* *\/ 0b000;\n \n \/\/ Represents whether effect should fire.\n export const HasEffect = \/* *\/ 0b001;\ndiff --git a\/packages\/react-reconciler\/src\/ReactInternalTypes.js b\/packages\/react-reconciler\/src\/ReactInternalTypes.js\nindex ef7d1ea763..728aadf3f8 100644\n--- a\/packages\/react-reconciler\/src\/ReactInternalTypes.js\n+++ b\/packages\/react-reconciler\/src\/ReactInternalTypes.js\n@@ -19,8 +19,8 @@ import type {\n import type {SuspenseInstance} from '.\/ReactFiberHostConfig';\n import type {WorkTag} from '.\/ReactWorkTags';\n import type {TypeOfMode} from '.\/ReactTypeOfMode';\n-import type {SideEffectTag} from '.\/ReactSideEffectTags';\n-import type {SubtreeTag} from '.\/ReactSubtreeTags';\n+import type {Flags} from '.\/ReactFiberFlags';\n+import type {SubtreeFlags} from '.\/ReactSubtreeFlags';\n import type {Lane, LanePriority, Lanes, LaneMap} from '.\/ReactFiberLane';\n import type {HookType} from '.\/ReactFiberHooks.old';\n import type {RootTag} from '.\/ReactRootTags';\n@@ -118,8 +118,8 @@ export type Fiber = {|\n mode: TypeOfMode,\n \n \/\/ Effect\n- effectTag: SideEffectTag,\n- subtreeTag: SubtreeTag,\n+ flags: Flags,\n+ subtreeFlags: SubtreeFlags,\n deletions: Array | null,\n \n \/\/ Singly linked list fast path to the next fiber with side-effects.\ndiff --git a\/packages\/react-reconciler\/src\/ReactSubtreeTags.js b\/packages\/react-reconciler\/src\/ReactSubtreeFlags.js\nsimilarity index 73%\nrename from packages\/react-reconciler\/src\/ReactSubtreeTags.js\nrename to packages\/react-reconciler\/src\/ReactSubtreeFlags.js\nindex 6223fe8bca..df664c9893 100644\n--- a\/packages\/react-reconciler\/src\/ReactSubtreeTags.js\n+++ b\/packages\/react-reconciler\/src\/ReactSubtreeFlags.js\n@@ -7,9 +7,10 @@\n * @flow\n *\/\n \n-export type SubtreeTag = number;\n+\/\/ TODO: Move this to ReactFiberFlags so it's easier to line up the bits\n+export type SubtreeFlags = number;\n \n-export const NoEffect = \/* *\/ 0b00000;\n+export const NoFlags = \/* *\/ 0b00000;\n export const BeforeMutation = \/* *\/ 0b00001;\n export const Mutation = \/* *\/ 0b00010;\n export const Layout = \/* *\/ 0b00100;\ndiff --git a\/packages\/react-reconciler\/src\/ReactUpdateQueue.new.js b\/packages\/react-reconciler\/src\/ReactUpdateQueue.new.js\nindex 303e02f07d..f745445a1e 100644\n--- a\/packages\/react-reconciler\/src\/ReactUpdateQueue.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactUpdateQueue.new.js\n@@ -92,7 +92,7 @@ import {\n enterDisallowedContextReadInDEV,\n exitDisallowedContextReadInDEV,\n } from '.\/ReactFiberNewContext.new';\n-import {Callback, ShouldCapture, DidCapture} from '.\/ReactSideEffectTags';\n+import {Callback, ShouldCapture, DidCapture} from '.\/ReactFiberFlags';\n \n import {debugRenderPhaseSideEffectsForStrictMode} from 'shared\/ReactFeatureFlags';\n \n@@ -345,8 +345,8 @@ function getStateFromUpdate(\n return payload;\n }\n case CaptureUpdate: {\n- workInProgress.effectTag =\n- (workInProgress.effectTag & ~ShouldCapture) | DidCapture;\n+ workInProgress.flags =\n+ (workInProgress.flags & ~ShouldCapture) | DidCapture;\n }\n \/\/ Intentional fallthrough\n case UpdateState: {\n@@ -517,7 +517,7 @@ export function processUpdateQueue(\n );\n const callback = update.callback;\n if (callback !== null) {\n- workInProgress.effectTag |= Callback;\n+ workInProgress.flags |= Callback;\n const effects = queue.effects;\n if (effects === null) {\n queue.effects = [update];\ndiff --git a\/packages\/react-reconciler\/src\/ReactUpdateQueue.old.js b\/packages\/react-reconciler\/src\/ReactUpdateQueue.old.js\nindex 787ec3d18c..4eccd78d12 100644\n--- a\/packages\/react-reconciler\/src\/ReactUpdateQueue.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactUpdateQueue.old.js\n@@ -92,7 +92,7 @@ import {\n enterDisallowedContextReadInDEV,\n exitDisallowedContextReadInDEV,\n } from '.\/ReactFiberNewContext.old';\n-import {Callback, ShouldCapture, DidCapture} from '.\/ReactSideEffectTags';\n+import {Callback, ShouldCapture, DidCapture} from '.\/ReactFiberFlags';\n \n import {debugRenderPhaseSideEffectsForStrictMode} from 'shared\/ReactFeatureFlags';\n \n@@ -345,8 +345,8 @@ function getStateFromUpdate(\n return payload;\n }\n case CaptureUpdate: {\n- workInProgress.effectTag =\n- (workInProgress.effectTag & ~ShouldCapture) | DidCapture;\n+ workInProgress.flags =\n+ (workInProgress.flags & ~ShouldCapture) | DidCapture;\n }\n \/\/ Intentional fallthrough\n case UpdateState: {\n@@ -517,7 +517,7 @@ export function processUpdateQueue(\n );\n const callback = update.callback;\n if (callback !== null) {\n- workInProgress.effectTag |= Callback;\n+ workInProgress.flags |= Callback;\n const effects = queue.effects;\n if (effects === null) {\n queue.effects = [update];\ndiff --git a\/scripts\/eslint-rules\/__tests__\/no-cross-fork-types-test.internal.js b\/scripts\/eslint-rules\/__tests__\/no-cross-fork-types-test.internal.js\nindex 57c50a55b3..93a3c7e663 100644\n--- a\/scripts\/eslint-rules\/__tests__\/no-cross-fork-types-test.internal.js\n+++ b\/scripts\/eslint-rules\/__tests__\/no-cross-fork-types-test.internal.js\n@@ -74,9 +74,9 @@ const {key_new} = obj;\n errors: [{message: oldAccessWarning}],\n },\n {\n- code: 'const subtreeTag = obj.subtreeTag;',\n+ code: 'const subtreeFlags = obj.subtreeFlags;',\n filename: 'ReactFiberWorkLoop.old.js',\n- options: [{new: ['subtreeTag']}],\n+ options: [{new: ['subtreeFlags']}],\n errors: [{message: newAccessWarning}],\n },\n {\n"}

dillon1000/react

Files changed