add offscreen state node

Author: lunaruan

packages/react-reconciler/src/ReactFiberBeginWork.new.js

@@ -22,6 +22,7 @@ import type {SuspenseContext} from './ReactFiberSuspenseContext.new';
 import type {
   OffscreenProps,
   OffscreenState,
+  OffscreenInstance,
 } from './ReactFiberOffscreenComponent';
 import type {
   Cache,
@@ -2278,11 +2279,13 @@ function mountSuspensePrimaryChildren(
     mode: 'visible',
     children: primaryChildren,
   };
+  const primaryChildInstance: OffscreenInstance = {};
   const primaryChildFragment = mountWorkInProgressOffscreenFiber(
     primaryChildProps,
     mode,
     renderLanes,
   );
+  primaryChildFragment.stateNode = primaryChildInstance;
   primaryChildFragment.return = workInProgress;
   workInProgress.child = primaryChildFragment;
   return primaryChildFragment;
@@ -2301,6 +2304,7 @@ function mountSuspenseFallbackChildren(
     mode: 'hidden',
     children: primaryChildren,
   };
+  const primaryChildInstance: OffscreenInstance = {};
 
   let primaryChildFragment;
   let fallbackChildFragment;
@@ -2345,6 +2349,7 @@ function mountSuspenseFallbackChildren(
     );
   }
 
+  primaryChildFragment.stateNode = primaryChildInstance;
   primaryChildFragment.return = workInProgress;
   fallbackChildFragment.return = workInProgress;
   primaryChildFragment.sibling = fallbackChildFragment;

packages/react-reconciler/src/ReactFiberBeginWork.old.js

@@ -22,6 +22,7 @@ import type {SuspenseContext} from './ReactFiberSuspenseContext.old';
 import type {
   OffscreenProps,
   OffscreenState,
+  OffscreenInstance,
 } from './ReactFiberOffscreenComponent';
 import type {
   Cache,
@@ -2278,11 +2279,13 @@ function mountSuspensePrimaryChildren(
     mode: 'visible',
     children: primaryChildren,
   };
+  const primaryChildInstance: OffscreenInstance = {};
   const primaryChildFragment = mountWorkInProgressOffscreenFiber(
     primaryChildProps,
     mode,
     renderLanes,
   );
+  primaryChildFragment.stateNode = primaryChildInstance;
   primaryChildFragment.return = workInProgress;
   workInProgress.child = primaryChildFragment;
   return primaryChildFragment;
@@ -2301,6 +2304,7 @@ function mountSuspenseFallbackChildren(
     mode: 'hidden',
     children: primaryChildren,
   };
+  const primaryChildInstance: OffscreenInstance = {};
 
   let primaryChildFragment;
   let fallbackChildFragment;
@@ -2345,6 +2349,7 @@ function mountSuspenseFallbackChildren(
     );
   }
 
+  primaryChildFragment.stateNode = primaryChildInstance;
   primaryChildFragment.return = workInProgress;
   fallbackChildFragment.return = workInProgress;
   primaryChildFragment.sibling = fallbackChildFragment;

packages/react-reconciler/src/ReactFiberOffscreenComponent.js

@@ -31,3 +31,5 @@ export type OffscreenState = {|
   baseLanes: Lanes,
   cachePool: SpawnedCachePool | null,
 |};
+
+export type OffscreenInstance = {};