React HOC

WithHeaderFooter.js

import React from 'react'

const WithHeaderFooter = (WrapperComponent, extraProps) => {
    return (props) => {
        return (
            <>
                <p>Header Component</p>
                    <WrapperComponent {...props} />
                <p>Footer Component</p>
            </>
        )
    }
}
export default WithHeaderFooter