React/Next.js - Parallax lost when changing page

[davidroman0O]

Hi!

It's not an issue, just a message for anyone who will have this issue.

On the highest component you got into your virtual dom tree, add this function inside of a component :

addParallax() {
    window.big_image = window.jQuery('.page-header[data-parallax="true"]');
    window.jQuery(window).on('scroll', window.materialKit.checkScrollForParallax);
}

For Next.js, add this function inside of your _app.js.

Now, we need to execute it!

componentDidUpdate(prevProps, prevState, snapshot) {
    this.addParallax();
}

componentDidMount() {
    this.addParallax();
}

I hope it will help someone in the world. Have fun! This theme is awesome!