Parallax stop working if component re-render about react-scroll-parallax HOT 6 CLOSED

// ParallaxController.init()
// no need for this with the latest version. 
// it's now handled by the provider

const App = props => {
  const siteMenu = props.menuItems;
  const socialMenu = props.socialItems;
  return (
    <div id="app" style={styles}>
      <Helmet title="Guardsman Limited®" />
      <ParallaxProvider>
        <Wrapper MenuItems={siteMenu}>
          <Header MenuItems={siteMenu} />
          <Routes />
          <Footer MenuItems={siteMenu} SocialItems={socialMenu} />
        </Wrapper>
      </ParallaxProvider>
    </div>
  );
};

<React.Fragment>
        <ParallaxProvider>
          <Parallax className="custom-class" y={[-40, 40]} tagOuter="figure">
            <HeaderFullscreen />
          </Parallax>
          <GridWrapper style="main-page-wrapper">
            <GeneralNav />
            <BlankDiv style="blank-div-md" />
            <Title
              style="section-title"
              text="Wat je kan verwachten van onze gdm opleidingen"
            />
            <Paragraph
              text="testen"
              style="standard-text-paragraph par-pos-1 paragraph-mb-med"
            />
            <Quote
              text=" opleidingsdirecteur"
              style="primary-quote quote-pos-1"
            />
            <Paragraph style="paragraph-bottomline par-pos-1" />
            <PrimaryButton text="Bekijk onze richtingen" />
            <BlankDiv style="blank-div-md" />
            <div className="row-space-between">
              <Title style="section-title" text="Work" />
            </div>
            <div className="row-space-between">
              <Featured style="featured-bg-image" />
              <Featured style="featured-bg-image" />
            </div>
            <BlankDiv style="blank-div-lg" />
            <Footer />
          </GridWrapper>
        </ParallaxProvider>
      </React.Fragment>