edit a few thing

Author: hienqn

package-lock.json

@@ -118,6 +118,7 @@
     "react-html-parser": "^2.0.2",
     "react-json-tree": "^0.11.2",
     "react-router-dom": "^5.2.0",
-    "react-select": "^3.1.0"
+    "react-select": "^3.1.0",
+    "recoil": "0.0.10"
   }
 }

package.json

@@ -100,8 +100,10 @@ export const getHooksNames = (elementType) => {
           });
         }
       });
-
+      
+      // el !== undefined &&
       // Iterate array and determine getter/setters based on pattern
+      // console.log('abc');
       statements.forEach((el, i) => {
         if (el.match(/_use/)) hookState[el] = statements[i + 2];
       });

src/backend/helpers.js

@@ -36,14 +36,17 @@ import 'core-js';
 
 // const Tree = require('./tree').default;
 // const componentActionsRecord = require('./masterState');
-
+import { useGotoRecoilSnapshot, RecoilRoot, useRecoilSnapshot } from 'recoil';
 import {
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  Snapshot, Mode, ComponentData, HookStates, Fiber
 } from './types/backendTypes';
 import Tree from './tree';
 import componentActionsRecord from './masterState';
 import { throttle, getHooksNames } from './helpers';
+import ReactDOM from 'react-dom';
+
+console.log(ReactDOM);
 
 declare global {
   interface Window {
@@ -234,10 +237,13 @@ export default (snap: Snapshot, mode: Mode): ()=>void => {
     const devTools = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
     const reactInstance = devTools ? devTools.renderers.get(1) : null;
     fiberRoot = devTools.getFiberRoots(1).values().next().value;
-
+    console.log(fiberRoot);
     const throttledUpdateSnapshot = throttle(updateSnapShotTree, 70);
     document.addEventListener('visibilitychange', onVisibilityChange);
 
+    let snapshot = useRecoilSnapshot();
+    console.log('here is an example of snapshot', snapshot);
+    console.log(RecoilRoot);
     if (reactInstance && reactInstance.version) {
       devTools.onCommitFiberRoot = (function (original) {
         return function (...args) {