message: refactoring main container a little bit
diff: @@ -4,6 +4,9 @@ import VisualContainer from './VisualContainer';
  // wraps entire application
  const MainContainer = () => {
  + // dummy state representing the most recent state/clicked state and the previous state
  + const [curRender, setCurRender] = useState(snapshots.length - 1);
  +
  // dummy state representing our array of state snapshots
  const [snapshots, setSnapshots] = useState([
  // initial state representation
  @@ -32,14 +35,9 @@ const MainContainer = () => {
  arr: ['f', 'g', 'h', 'i', 'j'],
  },
  ]);
  - // dummy state representing the most recent state/clicked state and the previous state
  - const [curRender, setCurRender] = useState(snapshots.length - 1);
  return (
  - <div className="MainContainer">
  - <SnapshotsContainer
  - setCurRender={setCurRender}
  - snapshots={snapshots}
  - />
  + <div className='MainContainer'>
  + <SnapshotsContainer setCurRender={setCurRender} snapshots={snapshots} />
  <VisualContainer
  snapshots={snapshots}
  oldSnap={snapshots[curRender - 1]}
  