Example HOC with Next.js

next-hoc.js

import React from 'react'

/*
 * Higher order component that passes `getInitialProps` through
 * to the child component
 */
const HOC = function(Child) {
	return class Higher extends React.Component {
		static getInitialProps(ctx) {
			return Child.getInitialProps(ctx)
		}
	}
}

/*
 * Child component
 */
const class MyComponent extends React.Component {
	static getIntialProps({ req }) {
		// Do something asynchronously...
		// Not strickly necessary. Just an example
		const promise = new Promise((resolve, reject) => {
			setTimeout(() => res(), 500)
		})
		
		return promise.then(() => ({ initialState: { foo: 'bar' }, isServer }))
	}
	
	render() {
		return <h1>Hello, World</h1>
	}
}

export default HOC(MyComponent)

This was a quick example of an initial props pass through. It was made for a really old version of Next.js. Mileage may vary with newer versions

for example a private route for your app

const PrivateRoute = (AuthComponent) => {
  return class Higher extends React.Component {
    static async getInitialProps(ctx) {

      const pageProps =
        AuthComponent.getInitialProps &&
        (await AuthComponent.getInitialProps(ctx))
      // Return props.
      return { ...pageProps }
    }

    render() {
      return <AuthComponent {...this.props} />;
    }
  };
};
export default PrivateRoute;