{"files":[{"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\/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\/ReactFiberWorkLoop.new.js","status":"M"},{"path":"packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/ReactOffscreenStrictMode-test.js","status":"M"},{"path":"packages\/react-reconciler\/src\/__tests__\/StrictEffectsModeDefaults-test.internal.js","status":"M"},{"path":"packages\/react\/src\/__tests__\/ReactStrictMode-test.js","status":"M"},{"path":"packages\/shared\/ReactFeatureFlags.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.native-fb.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.native-oss.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.testing.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.testing.www.js","status":"M"},{"path":"packages\/shared\/forks\/ReactFeatureFlags.www.js","status":"M"}],"commit":{"authorName":"Samuel Susla","authorEmail":"samuel.susla@gmail.com","revision":"abbbdf4cec992666885cc67344563795a333d4a2","subject":"Put modern StrictMode behind a feature flag (#25365)","shortRevision":"abbbdf4cec","authoredAt":"2022-09-30T17:06:11+01:00"},"body":"* Put modern StrictMode behind a feature flag\r\n\r\n* Remove unneeded flag","patch":"diff --git a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js\nindex 37aef0a84f..398ffc28f4 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.new.js\n@@ -13,7 +13,12 @@ import type {UpdateQueue} from '.\/ReactFiberClassUpdateQueue.new';\n import type {Flags} from '.\/ReactFiberFlags';\n \n import * as React from 'react';\n-import {LayoutStatic, Update, Snapshot} from '.\/ReactFiberFlags';\n+import {\n+ LayoutStatic,\n+ Update,\n+ Snapshot,\n+ MountLayoutDev,\n+} from '.\/ReactFiberFlags';\n import {\n debugRenderPhaseSideEffectsForStrictMode,\n disableLegacyContext,\n@@ -21,6 +26,7 @@ import {\n enableSchedulingProfiler,\n warnAboutDeprecatedLifecycles,\n enableLazyContextPropagation,\n+ enableStrictEffects,\n } from 'shared\/ReactFeatureFlags';\n import ReactStrictModeWarnings from '.\/ReactStrictModeWarnings.new';\n import {isMounted} from '.\/ReactFiberTreeReflection';\n@@ -33,7 +39,12 @@ import isArray from 'shared\/isArray';\n import {REACT_CONTEXT_TYPE, REACT_PROVIDER_TYPE} from 'shared\/ReactSymbols';\n \n import {resolveDefaultProps} from '.\/ReactFiberLazyComponent.new';\n-import {DebugTracingMode, StrictLegacyMode} from '.\/ReactTypeOfMode';\n+import {\n+ DebugTracingMode,\n+ NoMode,\n+ StrictLegacyMode,\n+ StrictEffectsMode,\n+} from '.\/ReactTypeOfMode';\n \n import {\n enqueueUpdate,\n@@ -896,7 +907,14 @@ function mountClassInstance(\n }\n \n if (typeof instance.componentDidMount === 'function') {\n- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\n }\n }\n@@ -967,7 +985,14 @@ 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- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\n }\n return false;\n@@ -1011,14 +1036,28 @@ function resumeMountClassInstance(\n }\n }\n if (typeof instance.componentDidMount === 'function') {\n- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\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- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js\nindex 3211717d88..a7cd936b1f 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberClassComponent.old.js\n@@ -13,7 +13,12 @@ import type {UpdateQueue} from '.\/ReactFiberClassUpdateQueue.old';\n import type {Flags} from '.\/ReactFiberFlags';\n \n import * as React from 'react';\n-import {LayoutStatic, Update, Snapshot} from '.\/ReactFiberFlags';\n+import {\n+ LayoutStatic,\n+ Update,\n+ Snapshot,\n+ MountLayoutDev,\n+} from '.\/ReactFiberFlags';\n import {\n debugRenderPhaseSideEffectsForStrictMode,\n disableLegacyContext,\n@@ -21,6 +26,7 @@ import {\n enableSchedulingProfiler,\n warnAboutDeprecatedLifecycles,\n enableLazyContextPropagation,\n+ enableStrictEffects,\n } from 'shared\/ReactFeatureFlags';\n import ReactStrictModeWarnings from '.\/ReactStrictModeWarnings.old';\n import {isMounted} from '.\/ReactFiberTreeReflection';\n@@ -33,7 +39,12 @@ import isArray from 'shared\/isArray';\n import {REACT_CONTEXT_TYPE, REACT_PROVIDER_TYPE} from 'shared\/ReactSymbols';\n \n import {resolveDefaultProps} from '.\/ReactFiberLazyComponent.old';\n-import {DebugTracingMode, StrictLegacyMode} from '.\/ReactTypeOfMode';\n+import {\n+ DebugTracingMode,\n+ NoMode,\n+ StrictLegacyMode,\n+ StrictEffectsMode,\n+} from '.\/ReactTypeOfMode';\n \n import {\n enqueueUpdate,\n@@ -896,7 +907,14 @@ function mountClassInstance(\n }\n \n if (typeof instance.componentDidMount === 'function') {\n- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\n }\n }\n@@ -967,7 +985,14 @@ 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- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\n }\n return false;\n@@ -1011,14 +1036,28 @@ function resumeMountClassInstance(\n }\n }\n if (typeof instance.componentDidMount === 'function') {\n- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\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- const fiberFlags: Flags = Update | LayoutStatic;\n+ let fiberFlags: Flags = Update | LayoutStatic;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDev;\n+ }\n workInProgress.flags |= fiberFlags;\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js\nindex bace5e2a34..dfac5d034f 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.new.js\n@@ -50,6 +50,7 @@ import {\n enableCache,\n enableTransitionTracing,\n enableUseEventHook,\n+ enableStrictEffects,\n } from 'shared\/ReactFeatureFlags';\n import {\n FunctionComponent,\n@@ -4109,4 +4110,111 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(\n }\n }\n \n-export {commitPlacement, commitAttachRef, commitDetachRef};\n+function invokeLayoutEffectMountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListMount(HookLayout | HookHasEffect, fiber);\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ case ClassComponent: {\n+ const instance = fiber.stateNode;\n+ try {\n+ instance.componentDidMount();\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ }\n+ }\n+}\n+\n+function invokePassiveEffectMountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListMount(HookPassive | HookHasEffect, fiber);\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ }\n+ }\n+}\n+\n+function invokeLayoutEffectUnmountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListUnmount(\n+ HookLayout | HookHasEffect,\n+ fiber,\n+ fiber.return,\n+ );\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ case ClassComponent: {\n+ const instance = fiber.stateNode;\n+ if (typeof instance.componentWillUnmount === 'function') {\n+ safelyCallComponentWillUnmount(fiber, fiber.return, instance);\n+ }\n+ break;\n+ }\n+ }\n+ }\n+}\n+\n+function invokePassiveEffectUnmountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListUnmount(\n+ HookPassive | HookHasEffect,\n+ fiber,\n+ fiber.return,\n+ );\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ }\n+ }\n+ }\n+}\n+\n+export {\n+ commitPlacement,\n+ commitAttachRef,\n+ commitDetachRef,\n+ invokeLayoutEffectMountInDEV,\n+ invokeLayoutEffectUnmountInDEV,\n+ invokePassiveEffectMountInDEV,\n+ invokePassiveEffectUnmountInDEV,\n+};\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js\nindex 1e14b8ac41..f75a7edda0 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberCommitWork.old.js\n@@ -50,6 +50,7 @@ import {\n enableCache,\n enableTransitionTracing,\n enableUseEventHook,\n+ enableStrictEffects,\n } from 'shared\/ReactFeatureFlags';\n import {\n FunctionComponent,\n@@ -4109,4 +4110,111 @@ function commitPassiveUnmountInsideDeletedTreeOnFiber(\n }\n }\n \n-export {commitPlacement, commitAttachRef, commitDetachRef};\n+function invokeLayoutEffectMountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListMount(HookLayout | HookHasEffect, fiber);\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ case ClassComponent: {\n+ const instance = fiber.stateNode;\n+ try {\n+ instance.componentDidMount();\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ }\n+ }\n+}\n+\n+function invokePassiveEffectMountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListMount(HookPassive | HookHasEffect, fiber);\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ }\n+ }\n+}\n+\n+function invokeLayoutEffectUnmountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListUnmount(\n+ HookLayout | HookHasEffect,\n+ fiber,\n+ fiber.return,\n+ );\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ break;\n+ }\n+ case ClassComponent: {\n+ const instance = fiber.stateNode;\n+ if (typeof instance.componentWillUnmount === 'function') {\n+ safelyCallComponentWillUnmount(fiber, fiber.return, instance);\n+ }\n+ break;\n+ }\n+ }\n+ }\n+}\n+\n+function invokePassiveEffectUnmountInDEV(fiber: Fiber): void {\n+ if (__DEV__ && enableStrictEffects) {\n+ \/\/ We don't need to re-check StrictEffectsMode here.\n+ \/\/ This function is only called if that check has already passed.\n+ switch (fiber.tag) {\n+ case FunctionComponent:\n+ case ForwardRef:\n+ case SimpleMemoComponent: {\n+ try {\n+ commitHookEffectListUnmount(\n+ HookPassive | HookHasEffect,\n+ fiber,\n+ fiber.return,\n+ );\n+ } catch (error) {\n+ captureCommitPhaseError(fiber, fiber.return, error);\n+ }\n+ }\n+ }\n+ }\n+}\n+\n+export {\n+ commitPlacement,\n+ commitAttachRef,\n+ commitDetachRef,\n+ invokeLayoutEffectMountInDEV,\n+ invokeLayoutEffectUnmountInDEV,\n+ invokePassiveEffectMountInDEV,\n+ invokePassiveEffectUnmountInDEV,\n+};\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberFlags.js b\/packages\/react-reconciler\/src\/ReactFiberFlags.js\nindex 08c124b5cf..cbc304b5ba 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberFlags.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberFlags.js\n@@ -12,49 +12,51 @@ import {enableCreateEventHandleAPI} from 'shared\/ReactFeatureFlags';\n export type Flags = number;\n \n \/\/ Don't change these two values. They're used by React Dev Tools.\n-export const NoFlags = \/* *\/ 0b000000000000000000000000;\n-export const PerformedWork = \/* *\/ 0b000000000000000000000001;\n+export const NoFlags = \/* *\/ 0b00000000000000000000000000;\n+export const PerformedWork = \/* *\/ 0b00000000000000000000000001;\n \n \/\/ You can change the rest (and add more).\n-export const Placement = \/* *\/ 0b000000000000000000000010;\n-export const Update = \/* *\/ 0b000000000000000000000100;\n-export const ChildDeletion = \/* *\/ 0b000000000000000000001000;\n-export const ContentReset = \/* *\/ 0b000000000000000000010000;\n-export const Callback = \/* *\/ 0b000000000000000000100000;\n-export const DidCapture = \/* *\/ 0b000000000000000001000000;\n-export const ForceClientRender = \/* *\/ 0b000000000000000010000000;\n-export const Ref = \/* *\/ 0b000000000000000100000000;\n-export const Snapshot = \/* *\/ 0b000000000000001000000000;\n-export const Passive = \/* *\/ 0b000000000000010000000000;\n-export const Hydrating = \/* *\/ 0b000000000000100000000000;\n-export const Visibility = \/* *\/ 0b000000000001000000000000;\n-export const StoreConsistency = \/* *\/ 0b000000000010000000000000;\n+export const Placement = \/* *\/ 0b00000000000000000000000010;\n+export const Update = \/* *\/ 0b00000000000000000000000100;\n+export const ChildDeletion = \/* *\/ 0b00000000000000000000001000;\n+export const ContentReset = \/* *\/ 0b00000000000000000000010000;\n+export const Callback = \/* *\/ 0b00000000000000000000100000;\n+export const DidCapture = \/* *\/ 0b00000000000000000001000000;\n+export const ForceClientRender = \/* *\/ 0b00000000000000000010000000;\n+export const Ref = \/* *\/ 0b00000000000000000100000000;\n+export const Snapshot = \/* *\/ 0b00000000000000001000000000;\n+export const Passive = \/* *\/ 0b00000000000000010000000000;\n+export const Hydrating = \/* *\/ 0b00000000000000100000000000;\n+export const Visibility = \/* *\/ 0b00000000000001000000000000;\n+export const StoreConsistency = \/* *\/ 0b00000000000010000000000000;\n \n export const LifecycleEffectMask =\n Passive | Update | Callback | Ref | Snapshot | StoreConsistency;\n \n \/\/ Union of all commit flags (flags with the lifetime of a particular commit)\n-export const HostEffectMask = \/* *\/ 0b000000000011111111111111;\n+export const HostEffectMask = \/* *\/ 0b00000000000011111111111111;\n \n \/\/ These are not really side effects, but we still reuse this field.\n-export const Incomplete = \/* *\/ 0b000000000100000000000000;\n-export const ShouldCapture = \/* *\/ 0b000000001000000000000000;\n-export const ForceUpdateForLegacySuspense = \/* *\/ 0b000000010000000000000000;\n-export const DidPropagateContext = \/* *\/ 0b000000100000000000000000;\n-export const NeedsPropagation = \/* *\/ 0b000001000000000000000000;\n-export const Forked = \/* *\/ 0b000010000000000000000000;\n+export const Incomplete = \/* *\/ 0b00000000000100000000000000;\n+export const ShouldCapture = \/* *\/ 0b00000000001000000000000000;\n+export const ForceUpdateForLegacySuspense = \/* *\/ 0b00000000010000000000000000;\n+export const DidPropagateContext = \/* *\/ 0b00000000100000000000000000;\n+export const NeedsPropagation = \/* *\/ 0b00000001000000000000000000;\n+export const Forked = \/* *\/ 0b00000010000000000000000000;\n \n \/\/ Static tags describe aspects of a fiber that are not specific to a render,\n \/\/ e.g. a fiber uses a passive effect (even if there are no updates on this particular render).\n \/\/ This enables us to defer more work in the unmount case,\n \/\/ since we can defer traversing the tree during layout to look for Passive effects,\n \/\/ and instead rely on the static flag as a signal that there may be cleanup work.\n-export const RefStatic = \/* *\/ 0b000100000000000000000000;\n-export const LayoutStatic = \/* *\/ 0b001000000000000000000000;\n-export const PassiveStatic = \/* *\/ 0b010000000000000000000000;\n+export const RefStatic = \/* *\/ 0b00000100000000000000000000;\n+export const LayoutStatic = \/* *\/ 0b00001000000000000000000000;\n+export const PassiveStatic = \/* *\/ 0b00010000000000000000000000;\n \n \/\/ Flag used to identify newly inserted fibers. It isn't reset after commit unlike `Placement`.\n-export const PlacementDEV = \/* *\/ 0b100000000000000000000000;\n+export const PlacementDEV = \/* *\/ 0b00100000000000000000000000;\n+export const MountLayoutDev = \/* *\/ 0b01000000000000000000000000;\n+export const MountPassiveDev = \/* *\/ 0b10000000000000000000000000;\n \n \/\/ Groups of flags that are used in the commit phase to skip over trees that\n \/\/ don't contain effects, by checking subtreeFlags.\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js b\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js\nindex f5956e2725..a1c8fb605f 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHooks.new.js\n@@ -42,13 +42,19 @@ import {\n enableUseHook,\n enableUseMemoCacheHook,\n enableUseEventHook,\n+ enableStrictEffects,\n } from 'shared\/ReactFeatureFlags';\n import {\n REACT_CONTEXT_TYPE,\n REACT_SERVER_CONTEXT_TYPE,\n } from 'shared\/ReactSymbols';\n \n-import {NoMode, ConcurrentMode, DebugTracingMode} from '.\/ReactTypeOfMode';\n+import {\n+ NoMode,\n+ ConcurrentMode,\n+ DebugTracingMode,\n+ StrictEffectsMode,\n+} from '.\/ReactTypeOfMode';\n import {\n NoLane,\n SyncLane,\n@@ -81,6 +87,8 @@ import {\n StaticMask as StaticMaskEffect,\n Update as UpdateEffect,\n StoreConsistency,\n+ MountLayoutDev as MountLayoutDevEffect,\n+ MountPassiveDev as MountPassiveDevEffect,\n } from '.\/ReactFiberFlags';\n import {\n HasEffect as HookHasEffect,\n@@ -590,7 +598,22 @@ export function bailoutHooks(\n lanes: Lanes,\n ) {\n workInProgress.updateQueue = current.updateQueue;\n- workInProgress.flags &= ~(PassiveEffect | UpdateEffect);\n+ \/\/ TODO: Don't need to reset the flags here, because they're reset in the\n+ \/\/ complete phase (bubbleProperties).\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ workInProgress.flags &= ~(\n+ MountPassiveDevEffect |\n+ MountLayoutDevEffect |\n+ PassiveEffect |\n+ UpdateEffect\n+ );\n+ } else {\n+ workInProgress.flags &= ~(PassiveEffect | UpdateEffect);\n+ }\n current.lanes = removeLanes(current.lanes, lanes);\n }\n \n@@ -1859,12 +1882,25 @@ function mountEffect(\n create: () => (() => void) | void,\n deps: Array | void | null,\n ): void {\n- return mountEffectImpl(\n- PassiveEffect | PassiveStaticEffect,\n- HookPassive,\n- create,\n- deps,\n- );\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ return mountEffectImpl(\n+ MountPassiveDevEffect | PassiveEffect | PassiveStaticEffect,\n+ HookPassive,\n+ create,\n+ deps,\n+ );\n+ } else {\n+ return mountEffectImpl(\n+ PassiveEffect | PassiveStaticEffect,\n+ HookPassive,\n+ create,\n+ deps,\n+ );\n+ }\n }\n \n function updateEffect(\n@@ -1940,7 +1976,14 @@ function mountLayoutEffect(\n create: () => (() => void) | void,\n deps: Array | void | null,\n ): void {\n- const fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ let fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDevEffect;\n+ }\n return mountEffectImpl(fiberFlags, HookLayout, create, deps);\n }\n \n@@ -2000,7 +2043,14 @@ function mountImperativeHandle(\n const effectDeps =\n deps !== null && deps !== undefined ? deps.concat([ref]) : null;\n \n- const fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ let fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDevEffect;\n+ }\n return mountEffectImpl(\n fiberFlags,\n HookLayout,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js b\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js\nindex 88b608694b..d536ab25fb 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberHooks.old.js\n@@ -42,13 +42,19 @@ import {\n enableUseHook,\n enableUseMemoCacheHook,\n enableUseEventHook,\n+ enableStrictEffects,\n } from 'shared\/ReactFeatureFlags';\n import {\n REACT_CONTEXT_TYPE,\n REACT_SERVER_CONTEXT_TYPE,\n } from 'shared\/ReactSymbols';\n \n-import {NoMode, ConcurrentMode, DebugTracingMode} from '.\/ReactTypeOfMode';\n+import {\n+ NoMode,\n+ ConcurrentMode,\n+ DebugTracingMode,\n+ StrictEffectsMode,\n+} from '.\/ReactTypeOfMode';\n import {\n NoLane,\n SyncLane,\n@@ -81,6 +87,8 @@ import {\n StaticMask as StaticMaskEffect,\n Update as UpdateEffect,\n StoreConsistency,\n+ MountLayoutDev as MountLayoutDevEffect,\n+ MountPassiveDev as MountPassiveDevEffect,\n } from '.\/ReactFiberFlags';\n import {\n HasEffect as HookHasEffect,\n@@ -590,7 +598,22 @@ export function bailoutHooks(\n lanes: Lanes,\n ) {\n workInProgress.updateQueue = current.updateQueue;\n- workInProgress.flags &= ~(PassiveEffect | UpdateEffect);\n+ \/\/ TODO: Don't need to reset the flags here, because they're reset in the\n+ \/\/ complete phase (bubbleProperties).\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (workInProgress.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ workInProgress.flags &= ~(\n+ MountPassiveDevEffect |\n+ MountLayoutDevEffect |\n+ PassiveEffect |\n+ UpdateEffect\n+ );\n+ } else {\n+ workInProgress.flags &= ~(PassiveEffect | UpdateEffect);\n+ }\n current.lanes = removeLanes(current.lanes, lanes);\n }\n \n@@ -1859,12 +1882,25 @@ function mountEffect(\n create: () => (() => void) | void,\n deps: Array | void | null,\n ): void {\n- return mountEffectImpl(\n- PassiveEffect | PassiveStaticEffect,\n- HookPassive,\n- create,\n- deps,\n- );\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ return mountEffectImpl(\n+ MountPassiveDevEffect | PassiveEffect | PassiveStaticEffect,\n+ HookPassive,\n+ create,\n+ deps,\n+ );\n+ } else {\n+ return mountEffectImpl(\n+ PassiveEffect | PassiveStaticEffect,\n+ HookPassive,\n+ create,\n+ deps,\n+ );\n+ }\n }\n \n function updateEffect(\n@@ -1940,7 +1976,14 @@ function mountLayoutEffect(\n create: () => (() => void) | void,\n deps: Array | void | null,\n ): void {\n- const fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ let fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDevEffect;\n+ }\n return mountEffectImpl(fiberFlags, HookLayout, create, deps);\n }\n \n@@ -2000,7 +2043,14 @@ function mountImperativeHandle(\n const effectDeps =\n deps !== null && deps !== undefined ? deps.concat([ref]) : null;\n \n- const fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ let fiberFlags: Flags = UpdateEffect | LayoutStaticEffect;\n+ if (\n+ __DEV__ &&\n+ enableStrictEffects &&\n+ (currentlyRenderingFiber.mode & StrictEffectsMode) !== NoMode\n+ ) {\n+ fiberFlags |= MountLayoutDevEffect;\n+ }\n return mountEffectImpl(\n fiberFlags,\n HookLayout,\ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\nindex 95381d2558..8f9e856772 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.new.js\n@@ -40,6 +40,7 @@ import {\n enableUpdaterTracking,\n enableCache,\n enableTransitionTracing,\n+ useModernStrictMode,\n } from 'shared\/ReactFeatureFlags';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n import is from 'shared\/objectIs';\n@@ -113,6 +114,7 @@ import {\n Profiler,\n } from '.\/ReactWorkTags';\n import {ConcurrentRoot, LegacyRoot} from '.\/ReactRootTags';\n+import type {Flags} from '.\/ReactFiberFlags';\n import {\n NoFlags,\n Incomplete,\n@@ -125,6 +127,8 @@ import {\n PassiveMask,\n PlacementDEV,\n Visibility,\n+ MountPassiveDev,\n+ MountLayoutDev,\n } from '.\/ReactFiberFlags';\n import {\n NoLanes,\n@@ -189,6 +193,10 @@ import {\n reappearLayoutEffects,\n disconnectPassiveEffect,\n reportUncaughtErrorInDEV,\n+ invokeLayoutEffectMountInDEV,\n+ invokePassiveEffectMountInDEV,\n+ invokeLayoutEffectUnmountInDEV,\n+ invokePassiveEffectUnmountInDEV,\n } from '.\/ReactFiberCommitWork.new';\n import {enqueueUpdate} from '.\/ReactFiberClassUpdateQueue.new';\n import {resetContextDependencies} from '.\/ReactFiberNewContext.new';\n@@ -2570,7 +2578,7 @@ function commitRootImpl(\n \n if (__DEV__ && enableStrictEffects) {\n if (!rootDidHavePassiveEffects) {\n- commitDoubleInvokeEffectsInDEV(root);\n+ commitDoubleInvokeEffectsInDEV(root, false);\n }\n }\n \n@@ -2846,7 +2854,7 @@ function flushPassiveEffectsImpl() {\n }\n \n if (__DEV__ && enableStrictEffects) {\n- commitDoubleInvokeEffectsInDEV(root);\n+ commitDoubleInvokeEffectsInDEV(root, true);\n }\n \n executionContext = prevExecutionContext;\n@@ -3309,24 +3317,81 @@ function doubleInvokeEffectsInDEVIfNecessary(\n }\n }\n \n-function commitDoubleInvokeEffectsInDEV(root: FiberRoot) {\n+function commitDoubleInvokeEffectsInDEV(\n+ root: FiberRoot,\n+ hasPassiveEffects: boolean,\n+) {\n if (__DEV__ && enableStrictEffects) {\n- let doubleInvokeEffects = true;\n+ if (useModernStrictMode) {\n+ let doubleInvokeEffects = true;\n \n- if (root.tag === LegacyRoot && !(root.current.mode & StrictLegacyMode)) {\n- doubleInvokeEffects = false;\n+ if (root.tag === LegacyRoot && !(root.current.mode & StrictLegacyMode)) {\n+ doubleInvokeEffects = false;\n+ }\n+ if (\n+ root.tag === ConcurrentRoot &&\n+ !(root.current.mode & (StrictLegacyMode | StrictEffectsMode))\n+ ) {\n+ doubleInvokeEffects = false;\n+ }\n+ recursivelyTraverseAndDoubleInvokeEffectsInDEV(\n+ root,\n+ root.current,\n+ doubleInvokeEffects,\n+ );\n+ } else {\n+ legacyCommitDoubleInvokeEffectsInDEV(root.current, hasPassiveEffects);\n }\n+ }\n+}\n+\n+function legacyCommitDoubleInvokeEffectsInDEV(\n+ fiber: Fiber,\n+ hasPassiveEffects: boolean,\n+) {\n+ \/\/ TODO (StrictEffects) Should we set a marker on the root if it contains strict effects\n+ \/\/ so we don't traverse unnecessarily? similar to subtreeFlags but just at the root level.\n+ \/\/ Maybe not a big deal since this is DEV only behavior.\n+\n+ setCurrentDebugFiberInDEV(fiber);\n+ invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectUnmountInDEV);\n+ if (hasPassiveEffects) {\n+ invokeEffectsInDev(fiber, MountPassiveDev, invokePassiveEffectUnmountInDEV);\n+ }\n+\n+ invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectMountInDEV);\n+ if (hasPassiveEffects) {\n+ invokeEffectsInDev(fiber, MountPassiveDev, invokePassiveEffectMountInDEV);\n+ }\n+ resetCurrentDebugFiberInDEV();\n+}\n+\n+function invokeEffectsInDev(\n+ firstChild: Fiber,\n+ fiberFlags: Flags,\n+ invokeEffectFn: (fiber: Fiber) => void,\n+) {\n+ let current = firstChild;\n+ let subtreeRoot = null;\n+ while (current != null) {\n+ const primarySubtreeFlag = current.subtreeFlags & fiberFlags;\n if (\n- root.tag === ConcurrentRoot &&\n- !(root.current.mode & (StrictLegacyMode | StrictEffectsMode))\n+ current !== subtreeRoot &&\n+ current.child != null &&\n+ primarySubtreeFlag !== NoFlags\n ) {\n- doubleInvokeEffects = false;\n+ current = current.child;\n+ } else {\n+ if ((current.flags & fiberFlags) !== NoFlags) {\n+ invokeEffectFn(current);\n+ }\n+\n+ if (current.sibling !== null) {\n+ current = current.sibling;\n+ } else {\n+ current = subtreeRoot = current.return;\n+ }\n }\n- recursivelyTraverseAndDoubleInvokeEffectsInDEV(\n- root,\n- root.current,\n- doubleInvokeEffects,\n- );\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\nindex ac07138054..ef4f355909 100644\n--- a\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n+++ b\/packages\/react-reconciler\/src\/ReactFiberWorkLoop.old.js\n@@ -40,6 +40,7 @@ import {\n enableUpdaterTracking,\n enableCache,\n enableTransitionTracing,\n+ useModernStrictMode,\n } from 'shared\/ReactFeatureFlags';\n import ReactSharedInternals from 'shared\/ReactSharedInternals';\n import is from 'shared\/objectIs';\n@@ -113,6 +114,7 @@ import {\n Profiler,\n } from '.\/ReactWorkTags';\n import {ConcurrentRoot, LegacyRoot} from '.\/ReactRootTags';\n+import type {Flags} from '.\/ReactFiberFlags';\n import {\n NoFlags,\n Incomplete,\n@@ -125,6 +127,8 @@ import {\n PassiveMask,\n PlacementDEV,\n Visibility,\n+ MountPassiveDev,\n+ MountLayoutDev,\n } from '.\/ReactFiberFlags';\n import {\n NoLanes,\n@@ -189,6 +193,10 @@ import {\n reappearLayoutEffects,\n disconnectPassiveEffect,\n reportUncaughtErrorInDEV,\n+ invokeLayoutEffectMountInDEV,\n+ invokePassiveEffectMountInDEV,\n+ invokeLayoutEffectUnmountInDEV,\n+ invokePassiveEffectUnmountInDEV,\n } from '.\/ReactFiberCommitWork.old';\n import {enqueueUpdate} from '.\/ReactFiberClassUpdateQueue.old';\n import {resetContextDependencies} from '.\/ReactFiberNewContext.old';\n@@ -2570,7 +2578,7 @@ function commitRootImpl(\n \n if (__DEV__ && enableStrictEffects) {\n if (!rootDidHavePassiveEffects) {\n- commitDoubleInvokeEffectsInDEV(root);\n+ commitDoubleInvokeEffectsInDEV(root, false);\n }\n }\n \n@@ -2846,7 +2854,7 @@ function flushPassiveEffectsImpl() {\n }\n \n if (__DEV__ && enableStrictEffects) {\n- commitDoubleInvokeEffectsInDEV(root);\n+ commitDoubleInvokeEffectsInDEV(root, true);\n }\n \n executionContext = prevExecutionContext;\n@@ -3309,24 +3317,81 @@ function doubleInvokeEffectsInDEVIfNecessary(\n }\n }\n \n-function commitDoubleInvokeEffectsInDEV(root: FiberRoot) {\n+function commitDoubleInvokeEffectsInDEV(\n+ root: FiberRoot,\n+ hasPassiveEffects: boolean,\n+) {\n if (__DEV__ && enableStrictEffects) {\n- let doubleInvokeEffects = true;\n+ if (useModernStrictMode) {\n+ let doubleInvokeEffects = true;\n \n- if (root.tag === LegacyRoot && !(root.current.mode & StrictLegacyMode)) {\n- doubleInvokeEffects = false;\n+ if (root.tag === LegacyRoot && !(root.current.mode & StrictLegacyMode)) {\n+ doubleInvokeEffects = false;\n+ }\n+ if (\n+ root.tag === ConcurrentRoot &&\n+ !(root.current.mode & (StrictLegacyMode | StrictEffectsMode))\n+ ) {\n+ doubleInvokeEffects = false;\n+ }\n+ recursivelyTraverseAndDoubleInvokeEffectsInDEV(\n+ root,\n+ root.current,\n+ doubleInvokeEffects,\n+ );\n+ } else {\n+ legacyCommitDoubleInvokeEffectsInDEV(root.current, hasPassiveEffects);\n }\n+ }\n+}\n+\n+function legacyCommitDoubleInvokeEffectsInDEV(\n+ fiber: Fiber,\n+ hasPassiveEffects: boolean,\n+) {\n+ \/\/ TODO (StrictEffects) Should we set a marker on the root if it contains strict effects\n+ \/\/ so we don't traverse unnecessarily? similar to subtreeFlags but just at the root level.\n+ \/\/ Maybe not a big deal since this is DEV only behavior.\n+\n+ setCurrentDebugFiberInDEV(fiber);\n+ invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectUnmountInDEV);\n+ if (hasPassiveEffects) {\n+ invokeEffectsInDev(fiber, MountPassiveDev, invokePassiveEffectUnmountInDEV);\n+ }\n+\n+ invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectMountInDEV);\n+ if (hasPassiveEffects) {\n+ invokeEffectsInDev(fiber, MountPassiveDev, invokePassiveEffectMountInDEV);\n+ }\n+ resetCurrentDebugFiberInDEV();\n+}\n+\n+function invokeEffectsInDev(\n+ firstChild: Fiber,\n+ fiberFlags: Flags,\n+ invokeEffectFn: (fiber: Fiber) => void,\n+) {\n+ let current = firstChild;\n+ let subtreeRoot = null;\n+ while (current != null) {\n+ const primarySubtreeFlag = current.subtreeFlags & fiberFlags;\n if (\n- root.tag === ConcurrentRoot &&\n- !(root.current.mode & (StrictLegacyMode | StrictEffectsMode))\n+ current !== subtreeRoot &&\n+ current.child != null &&\n+ primarySubtreeFlag !== NoFlags\n ) {\n- doubleInvokeEffects = false;\n+ current = current.child;\n+ } else {\n+ if ((current.flags & fiberFlags) !== NoFlags) {\n+ invokeEffectFn(current);\n+ }\n+\n+ if (current.sibling !== null) {\n+ current = current.sibling;\n+ } else {\n+ current = subtreeRoot = current.return;\n+ }\n }\n- recursivelyTraverseAndDoubleInvokeEffectsInDEV(\n- root,\n- root.current,\n- doubleInvokeEffects,\n- );\n }\n }\n \ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreenStrictMode-test.js b\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreenStrictMode-test.js\nindex b398032d66..0771e596d9 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreenStrictMode-test.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/ReactOffscreenStrictMode-test.js\n@@ -55,7 +55,7 @@ describe('ReactOffscreenStrictMode', () => {\n ]);\n });\n \n- \/\/ @gate __DEV__ && enableStrictEffects && enableOffscreen\n+ \/\/ @gate __DEV__ && enableStrictEffects && enableOffscreen && useModernStrictMode\n it('should not trigger strict effects when offscreen is hidden', () => {\n act(() => {\n ReactNoop.render(\ndiff --git a\/packages\/react-reconciler\/src\/__tests__\/StrictEffectsModeDefaults-test.internal.js b\/packages\/react-reconciler\/src\/__tests__\/StrictEffectsModeDefaults-test.internal.js\nindex 54150ad2d4..3090fcc991 100644\n--- a\/packages\/react-reconciler\/src\/__tests__\/StrictEffectsModeDefaults-test.internal.js\n+++ b\/packages\/react-reconciler\/src\/__tests__\/StrictEffectsModeDefaults-test.internal.js\n@@ -379,6 +379,7 @@ describe('StrictEffectsMode defaults', () => {\n expect(Scheduler).toHaveYielded([]);\n });\n \n+ \/\/@gate useModernStrictMode\n it('disconnects refs during double invoking', () => {\n const onRefMock = jest.fn();\n function App({text}) {\ndiff --git a\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js b\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js\nindex 8aebe33426..0f3ba9a9e1 100644\n--- a\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js\n+++ b\/packages\/react\/src\/__tests__\/ReactStrictMode-test.js\n@@ -67,7 +67,7 @@ describe('ReactStrictMode', () => {\n );\n });\n \n- \/\/ @gate __DEV__ && !enableStrictEffects\n+ \/\/ @gate __DEV__\n it('should invoke precommit lifecycle methods twice', () => {\n let log = [];\n let shouldComponentUpdate = false;\ndiff --git a\/packages\/shared\/ReactFeatureFlags.js b\/packages\/shared\/ReactFeatureFlags.js\nindex e4863bbfc2..67a9ac2014 100644\n--- a\/packages\/shared\/ReactFeatureFlags.js\n+++ b\/packages\/shared\/ReactFeatureFlags.js\n@@ -260,3 +260,8 @@ export const enableGetInspectorDataForInstanceInProduction = false;\n export const enableProfilerNestedUpdateScheduledHook = false;\n \n export const consoleManagedByDevToolsDuringStrictMode = true;\n+\n+\/\/ Modern behaviour aligns more with what components\n+\/\/ components will encounter in production, especially when used With .\n+\/\/ TODO: clean up legacy once tests pass WWW.\n+export const useModernStrictMode = false;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js b\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\nindex 500c4bde86..821f947415 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.native-fb.js\n@@ -84,6 +84,8 @@ export const enableUseMutableSource = true;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js b\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\nindex fb889cc65e..c63c218700 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.native-oss.js\n@@ -73,6 +73,8 @@ export const enableUseMutableSource = false;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\nindex 53ed7ca5a1..665c42cb8f 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.js\n@@ -73,6 +73,8 @@ export const enableUseMutableSource = false;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js\nindex 034a605979..c48df6576e 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.native.js\n@@ -71,6 +71,8 @@ export const enableUseMutableSource = false;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\nindex 239f67b9d5..d4e135d655 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.test-renderer.www.js\n@@ -75,6 +75,8 @@ export const enableUseMutableSource = true;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.testing.js b\/packages\/shared\/forks\/ReactFeatureFlags.testing.js\nindex 6b078b93c2..f77ed6fa13 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.testing.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.testing.js\n@@ -73,6 +73,8 @@ export const enableUseMutableSource = false;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js\nindex b16916483b..1c78538140 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.testing.www.js\n@@ -74,6 +74,8 @@ export const enableUseMutableSource = true;\n export const enableTransitionTracing = false;\n \n export const enableFloat = false;\n+\n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\ndiff --git a\/packages\/shared\/forks\/ReactFeatureFlags.www.js b\/packages\/shared\/forks\/ReactFeatureFlags.www.js\nindex 605282c150..f8566f9ecb 100644\n--- a\/packages\/shared\/forks\/ReactFeatureFlags.www.js\n+++ b\/packages\/shared\/forks\/ReactFeatureFlags.www.js\n@@ -111,6 +111,7 @@ export const enableUseMutableSource = true;\n \n export const enableCustomElementPropertySupport = __EXPERIMENTAL__;\n \n+export const useModernStrictMode = false;\n \/\/ Flow magic to verify the exports of this file match the original version.\n \/\/ eslint-disable-next-line no-unused-vars\n type Check<_X, Y: _X, X: Y = _X> = null;\n","parents":["434110390a444bac81efe9ab44364d94b37cbe43"]}

dillon1000/react

Files changed