How to use the react-scroll.scrollSpy.update function in react-scroll

target.prototype.componentDidMount = function() {

        ScrollEvents.scrollEvent.register('begin', (to, element) => {
            // console.log('begin', to, element);
        });
        ScrollEvents.scrollEvent.register('end', (to, element) => {
            // console.log('end', to, element);
        });

        ScrollSpy.update();

        if (oldMount) oldMount.call(this);
    };

async componentDidMount() {


        Events.scrollEvent.register('begin', function (to, element) {
            console.log("begin", arguments);
        });

        Events.scrollEvent.register('end', function (to, element) {
            console.log("end", arguments);
        });

        scrollSpy.update();

        window.addEventListener('scroll', this.handleScroll);
        
        window.addEventListener("resize", this.updateClientSize);
        this.updateClientSize();

        let session = storage.get('session');

        if (session) {
            if (session.expired) {
                //toastr.error('Your session is expired');
                notify({type: 'error', message: 'Your session is expired'});
                storage.set('session', {
                    ...session,
                    expired: false
                });

componentDidMount () {
    Events.scrollEvent.register('begin', function () {
      console.log('begin', arguments)
    })

    Events.scrollEvent.register('end', function () {
      console.log('end', arguments)
    })

    scrollSpy.update()
  }
  scrollToTop () {

componentDidMount() {
		scrollSpy.update();
	}

    setTimeout(() => scrollSpy.update(), 1);
  }

componentDidMount() {
    this.setState({ offset: this.container.node.offsetTop });
    scrollSpy.update();
  }

componentDidMount() {
    Events.scrollEvent.register('end', (section) => {
      this.setState({
        current: section
      });
    });

    scrollSpy.update();
  }