HOC Implementation

// app.js

<Provider AppState={state}>
   <HomePage/>
</Provider>

// HomePage.js

export default class HomePage extends Component {
    state = pagetState

    render(){
       return(
          <LayoutBuilder type={this.state.type}>
               <AboveTheFold {...this.state}>
          </LayoutBuilder>
       );
    }
}

// AboveTheFold.js

export default class AboveTheFold extends Component {
     onClick(){
        this.state.setState({active: true})
     }
     render(){
         const isActive = this.state;
         return (
            
         )
     }
}