diff --git a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js index 09653552aaf..67c617fc5af 100644 --- a/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js +++ b/packages/react-dom-bindings/src/client/ReactFiberConfigDOM.js @@ -217,7 +217,7 @@ export type Instance = Element; export type TextInstance = Text; type InstanceWithFragmentHandles = Instance & { - unstable_reactFragments?: Set, + reactFragments?: Set, }; declare class ActivityInterface extends Comment {} @@ -3515,10 +3515,10 @@ function addFragmentHandleToInstance( fragmentInstance: FragmentInstanceType, ): void { if (enableFragmentRefsInstanceHandles) { - if (instance.unstable_reactFragments == null) { - instance.unstable_reactFragments = new Set(); + if (instance.reactFragments == null) { + instance.reactFragments = new Set(); } - instance.unstable_reactFragments.add(fragmentInstance); + instance.reactFragments.add(fragmentInstance); } } @@ -3576,8 +3576,8 @@ export function deleteChildFromFragmentInstance( } } if (enableFragmentRefsInstanceHandles) { - if (childInstance.unstable_reactFragments != null) { - childInstance.unstable_reactFragments.delete(fragmentInstance); + if (childInstance.reactFragments != null) { + childInstance.reactFragments.delete(fragmentInstance); } } } diff --git a/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js b/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js index 7ff088d7d31..2c43f38314a 100644 --- a/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js +++ b/packages/react-dom/src/__tests__/ReactDOMFragmentRefs-test.js @@ -137,26 +137,18 @@ describe('FragmentRefs', () => { const childB = document.querySelector('#childB'); const childC = document.querySelector('#childC'); - expect(childA.unstable_reactFragments.has(fragmentRef.current)).toBe(true); - expect(childB.unstable_reactFragments.has(fragmentRef.current)).toBe(true); - expect(childC.unstable_reactFragments.has(fragmentRef.current)).toBe(false); - expect(childA.unstable_reactFragments.has(fragmentParentRef.current)).toBe( - true, - ); - expect(childB.unstable_reactFragments.has(fragmentParentRef.current)).toBe( - true, - ); - expect(childC.unstable_reactFragments.has(fragmentParentRef.current)).toBe( - true, - ); + expect(childA.reactFragments.has(fragmentRef.current)).toBe(true); + expect(childB.reactFragments.has(fragmentRef.current)).toBe(true); + expect(childC.reactFragments.has(fragmentRef.current)).toBe(false); + expect(childA.reactFragments.has(fragmentParentRef.current)).toBe(true); + expect(childB.reactFragments.has(fragmentParentRef.current)).toBe(true); + expect(childC.reactFragments.has(fragmentParentRef.current)).toBe(true); await act(() => root.render()); const childD = document.querySelector('#childD'); - expect(childD.unstable_reactFragments.has(fragmentRef.current)).toBe(false); - expect(childD.unstable_reactFragments.has(fragmentParentRef.current)).toBe( - true, - ); + expect(childD.reactFragments.has(fragmentRef.current)).toBe(false); + expect(childD.reactFragments.has(fragmentParentRef.current)).toBe(true); }); describe('focus methods', () => { @@ -1104,7 +1096,7 @@ describe('FragmentRefs', () => { } const observer = new IntersectionObserver(entries => { entries.forEach(entry => { - const fragmentInstances = entry.target.unstable_reactFragments; + const fragmentInstances = entry.target.reactFragments; if (fragmentInstances) { Array.from(fragmentInstances).forEach(fInstance => { const cbs = targetToCallbackMap.get(fInstance) || []; diff --git a/packages/react-native-renderer/src/ReactFiberConfigFabric.js b/packages/react-native-renderer/src/ReactFiberConfigFabric.js index f5a4361fd41..007527941ce 100644 --- a/packages/react-native-renderer/src/ReactFiberConfigFabric.js +++ b/packages/react-native-renderer/src/ReactFiberConfigFabric.js @@ -121,7 +121,7 @@ export type TextInstance = { export type HydratableInstance = Instance | TextInstance; export type PublicInstance = ReactNativePublicInstance; type PublicInstanceWithFragmentHandles = PublicInstance & { - unstable_reactFragments?: Set, + reactFragments?: Set, }; export type Container = { containerTag: number, @@ -818,10 +818,10 @@ function addFragmentHandleToInstance( fragmentInstance: FragmentInstanceType, ): void { if (enableFragmentRefsInstanceHandles) { - if (instance.unstable_reactFragments == null) { - instance.unstable_reactFragments = new Set(); + if (instance.reactFragments == null) { + instance.reactFragments = new Set(); } - instance.unstable_reactFragments.add(fragmentInstance); + instance.reactFragments.add(fragmentInstance); } } @@ -876,8 +876,8 @@ export function deleteChildFromFragmentInstance( childInstance, ): any): PublicInstanceWithFragmentHandles); if (enableFragmentRefsInstanceHandles) { - if (publicInstance.unstable_reactFragments != null) { - publicInstance.unstable_reactFragments.delete(fragmentInstance); + if (publicInstance.reactFragments != null) { + publicInstance.reactFragments.delete(fragmentInstance); } } }