React scroll

[ivukpong]

Please I need help in combining these two packages react-sidebar and react-scroll. How can I use react-sidebar to hold the links with scroll-spy on and the rest of the page content to scroll on click with react-scroll. I tried modifying the responsive-example from the repo. This is my code..

[ivukpong]

The code...
`

const contentHeader = (
  <span>
    {!this.state.docked && (
      <a
        onClick={this.toggleOpen}
        href="#"
        style={styles.contentHeaderMenuLink}
      >
        =
      </a>
    )}
    <span> Responsive React Sidebar</span>
    
  </span>
);

const sidebarProps = {
  sidebar,
  docked: this.state.docked,
  open: this.state.open,
  onSetOpen: this.onSetOpen,
  contentId: 'Element'
};

return (
  <div>
    <Element>
      <Sidebar  {...sidebarProps}>
        <MaterialTitlePanel title={contentHeader}>
          <div style={styles.content}> 
            <Element>
              <Element name="test1" id="test1" className="fake-height">
                <div className="">test 1 </div>
              </Element>
              <Element name="test2" id="test2" className="fake-height">
                <div className="">test 2 </div>
              </Element>
              <Element name="test3" id="test3"  className="fake-height">
                <div className="">test 3 </div>
              </Element>
            </Element>
          </div>
        </MaterialTitlePanel>
      </Sidebar>
    </Element>
  </div>
);

}
`