message: AtomComponentTree lint
diff: -import React, { useState, useEffect } from 'react';
  -import AtomComponentVisual from '../../components/AtomComponentVisual'
  -import AtomSelectorLegend from '../../components/AtomSelectorLegend'
  -
  -const AtomComponentVisualContainer = ({ componentAtomTree, filteredSnapshot }) => {
  +import React, {useState} from 'react';
  +import AtomComponentVisual from '../../components/AtomComponentVisual';
  +import AtomSelectorLegend from '../../components/AtomSelectorLegend';
  +const AtomComponentVisualContainer = ({
  + componentAtomTree,
  + filteredSnapshot,
  +}) => {
  // will need its own state for current atom/ selector
  const [selectedRecoilValue, setSelectedRecoilValue] = useState([]);
  - console.log(filteredSnapshot)
  -
  const atoms = {};
  const selectors = {};
  @@ -21,13 +21,23 @@ const AtomComponentVisualContainer = ({ componentAtomTree, filteredSnapshot }) =
  }
  }
  -
  return (
  <div>
  - <AtomComponentVisual componentAtomTree={componentAtomTree} filteredSnapshot={filteredSnapshot} selectedRecoilValue={selectedRecoilValue} atoms={atoms} selectors={selectors} />
  - <AtomSelectorLegend filteredSnapshot={filteredSnapshot} setSelectedRecoilValue={setSelectedRecoilValue} atoms={atoms} selectors={selectors} />
  + <AtomComponentVisual
  + componentAtomTree={componentAtomTree}
  + filteredSnapshot={filteredSnapshot}
  + selectedRecoilValue={selectedRecoilValue}
  + atoms={atoms}
  + selectors={selectors}
  + />
  + <AtomSelectorLegend
  + filteredSnapshot={filteredSnapshot}
  + setSelectedRecoilValue={setSelectedRecoilValue}
  + atoms={atoms}
  + selectors={selectors}
  + />
  </div>
  - )
  -}
  + );
  +};
  export default AtomComponentVisualContainer;
  