How to use the react-scroll.animateScroll function in react-scroll

import React, { Component } from "react";
import PropTypes from "prop-types";
// import SyntaxHighlighter from "react-syntax-highlighter";
import SyntaxHighlighter from "react-syntax-highlighter";
const md5 = require("md5");
var Scroll = require("react-scroll");
var Link = Scroll.Link;
var DirectLink = Scroll.DirectLink;
var Element = Scroll.Element;
var Events = Scroll.Events;
var scroll = Scroll.animateScroll;
var scrollSpy = Scroll.scrollSpy;

import { docco } from "react-syntax-highlighter/styles/hljs";
import { atomDark } from "react-syntax-highlighter/styles/prism";

var log = require("loglevel");
const _ = require("lodash");
import axios from "axios";
let isDev = require("isdev");

console.log("preview isDev:", isDev);

if (isDev) {
  log.setLevel("debug");
  log.debug("in Development");
} else {

handleClick = () => {
        if (!this.props.show.searchBar) {
            // this.props.toggleSideButtons();
            this.props.toggleSearchBar();
            this.props.clientType === 'mobile' && this.props.toggleSideButtons();
        } else {
            Scroll.animateScroll.scrollToTop({
                duration: 300,
                delay: 0,
                smooth: true
            });
            setTimeout(this.props.focusSearchBar, 200)
        }
    }

import React, { Component } from 'react';
import Scroll from 'react-scroll';
import sha1 from 'sha1';
import io from 'socket.io-client'
import copy from './copyText';
import Inspect from './Inspect'
import GroupTitle from './GroupTitle';
import {Frame, ClearAll, ConfirmClear} from './App.styled';
import FaList from 'react-icons/lib/fa/list-ul';
import FaCheckAll from 'react-icons/lib/fa/check-square';
import FaEraser from 'react-icons/lib/fa/eraser';
import ToggleButton from 'react-toggle-button'

const scroll = Scroll.animateScroll;
let socket_id = undefined;

const socket = io();
// let o = {title: "ae ae ae ae ooooooooooo", obj: { id: 1, name : "braca", age: "-41" }}

class App extends Component {
  constructor(props) {
    super(props)
    this.state = {
      collapsed: true,
      titles_list: [],
      titles_show: false,
      socket_id: 'socket_id',
      logs:[],
      confirmClear: false,
      timeoutConfirmClear: undefined

import React, { Component } from 'react';
// ES6 Imports
import Scroll from 'react-scroll'; // Imports all Mixins
import {scroller} from 'react-scroll'; //Imports scroller mixin, can use as scroller.scrollTo()


// Or Access Link,Element,etc as follows
let Link       = Scroll.Link;
let Element    = Scroll.Element;
let Events     = Scroll.Events;
let scroll     = Scroll.animateScroll;
let scrollSpy  = Scroll.scrollSpy;


import './../styles/Welcome.css';

class Welcome extends Component {


  render() {
    return (
      <div>
        <div id="page-content">
          <div>
          <img src="./../../welcomelogo.png">
          </div>
</div></div>

import FormList from '../components/FormList';
import MessagingWidget from './MessagingWidget';
import ClaimsAppealsWidget from './ClaimsAppealsWidget';
import PrescriptionsWidget from './PrescriptionsWidget';

import BetaApp, { features } from '../../beta-enrollment/containers/BetaApp';
import RequiredLoginView from '../../../../platform/user/authorization/components/RequiredLoginView';
import DowntimeNotification, { services } from '../../../../platform/monitoring/DowntimeNotification';
import Modal from '@department-of-veterans-affairs/jean-pants/Modal';
import AlertBox from '@department-of-veterans-affairs/jean-pants/AlertBox';

import profileManifest from '../../va-profile-beta/manifest.json';
import accountManifest from '../../account-beta/manifest.json';

const scroller = Scroll.animateScroll;
const scrollToTop = () => {
  scroller.scrollTo(0, {
    duration: 500,
    delay: 0,
    smooth: true,
  });
};

moment.updateLocale('en', {
  meridiem: (hour) => {
    if (hour < 12) {
      return 'a.m.';
    }
    return 'p.m.';
  },
  monthsShort: [

"use strict";

var React = require('react');
var ReactDOM = require('react-dom');
var Scroll = require('react-scroll');

var Link = Scroll.Link;
var DirectLink = Scroll.DirectLink;
var Element = Scroll.Element;
var Events = Scroll.Events;
var scroll = Scroll.animateScroll;
var scrollSpy = Scroll.scrollSpy;

var durationFn = function (deltaTop) {
  return deltaTop;
};

class Section extends React.Component {

  constructor(props) {
    super(props);
  }
  render() {
    return (
      <div>
        <nav>
          <ul></ul></nav></div>

const onBtnClose = () => {
    onKeywordChange('')
    onToggleAddTeamMember(false)
    Scroll.animateScroll.scrollMore(1)
  }
  const onConfirmAddMember = () => {

interceptor={same_page => { if( same_page ) {
                      Scroll.animateScroll.scrollToTop({containerId: SCROLL_CONTAINER_ID, duration: 300, smooth: true});
                      props.on_intercepted();
                      return true;
                  }}}
                  style={{width: '100%', marginTop: 0}}

import { Globals } from "../../../../../lib/collections";
import { combineStyles } from "../../../../config/helpers";
import globalStyles from "../../../../config/globalStyles";
import colors from "../../../../config/colors";
import styles from "./styles";
import { updateAlert } from "../../../Actions";
import Scroll from "react-scroll";

import StickyDiv from 'react-stickydiv';
import ReactPlayer from 'react-player'
import ContainerDimensions from 'react-container-dimensions'
import Button from 'material-ui/Button';
import Ripples from 'react-ripples'
import Divider from 'material-ui/Divider';

const scroll = Scroll.animateScroll;

class LandingPage extends Component {
  constructor(props) {
    super(props);
    this.state = {
    };
  }
  componentWillMount() {
    this._isMounted = true
  }
  componentDidMount() {
    scroll.scrollTo(0, {
      duration: 0,
      delay: 0,
      smooth: true,
    });

width: '100%'
  },

  searchAdortment: {
    position: 'relative',
    top: `${theme.spacing.unit / 2}px`,
    marginRight: `${theme.spacing.unit}px`,
    color: LIGHT_BLUE_COLOR
  },

  searchLoader: {
    padding: `${theme.spacing.unit * 4}px`
  }
});

let scroll = Scroll.animateScroll;

class PublicPlaylists extends PureComponent {
  static propTypes = {
    publicPlaylistsHasOpenPlaylist: PropTypes.bool.isRequired,
    setOpenStatusPublicPlaylists: PropTypes.func.isRequired,
    setOpenStatusForAllPlaylists: PropTypes.func.isRequired,
    setPublicPlaylistsVisited: PropTypes.func.isRequired,
    removePlaylistFromFinal: PropTypes.func.isRequired,
    setSearchResultsMessage: PropTypes.func.isRequired,
    setPublicPlaylistOpen: PropTypes.func.isRequired,
    searchPublicPlaylists: PropTypes.func.isRequired,
    setPublicSearchTerm: PropTypes.func.isRequired,
    publicPlaylists: PLAYLISTS_PROPTYPE.isRequired,
    addPlaylistToFinal: PropTypes.func.isRequired,
    logOutUser: PropTypes.func.isRequired,
    classes: PropTypes.object.isRequired,