Merge branch 'implementAtomsMap' of https://github.com/hienqn/reactime into implementAtomsMap

Author: kevinfey

src/app/components/StateRoute.tsx

@@ -30,7 +30,7 @@ interface StateRouteProps {
     state?: string | object;
     stateSnaphot?: object;
     children?: any[];
-    AtomsRelationship: any[];
+    AtomsRelationship?: any[];
   };
   hierarchy: object;
   snapshots: [];

src/app/containers/StateContainer.tsx

@@ -12,8 +12,11 @@ import DiffRoute from '../components/DiffRoute';
 interface StateContainerProps {
   snapshot: Record<number,
   { name?: string; componentData?: Record<string, unknown>;
-    state?: Record<string, unknown>; stateSnaphot?: Record<string, unknown>; children?: unknown[]; }
+    state?: Record<string, unknown>; stateSnaphot?: Record<string, unknown>; children?: unknown[]; 
+    AtomsRelationship?: any[]
+  }
   > ;
+  AtomsRelationship?: any[];
   hierarchy:Record<string, unknown>;
   snapshots:[];
   viewIndex:number;

src/backend/linkFiber.ts

@@ -177,19 +177,19 @@ export default (snap: Snapshot, mode: Mode): (() => void) => {
       console.log('Name here', elementType?.name)
       // console.log('Here is the state', memoizedState);
       let pointer = memoizedState;
-      while (pointer.next !== null){
+      while (pointer !== null && pointer?.next !== null){
         pointer = pointer.next;
       }
       // console.log('traverse the memoizedState 1', pointer.memoizedState);
       // // 2nd 
       // console.log('traverse the memoizedState 2', pointer.memoizedState[1]?.[0]);
-      if (pointer.memoizedState[1]?.[0].current) {
+      if (pointer?.memoizedState[1]?.[0].current) {
         let atomName = pointer.memoizedState[1]?.[0].current.keys().next().value;
         console.log('atom', pointer.memoizedState[1]?.[0].current.keys().next().value);
         allAtomsRelationship.push([atomName, elementType?.name, 2])
       }
 
-      if (pointer.memoizedState[1]?.[0].key) {
+      if (pointer?.memoizedState[1]?.[0].key) {
         let atomName = pointer.memoizedState[1]?.[0].key;
         console.log('atom', pointer.memoizedState[1]?.[0].key);
         allAtomsRelationship.push([atomName, elementType?.name, 2])