36 lines
1.1 KiB
TypeScript
36 lines
1.1 KiB
TypeScript
import React from 'react'
|
|
import { NextComponentType, NextPageContext } from '../shared/lib/utils'
|
|
import { NextRouter, useRouter } from './router'
|
|
|
|
export type WithRouterProps = {
|
|
router: NextRouter
|
|
}
|
|
|
|
export type ExcludeRouterProps<P> = Pick<
|
|
P,
|
|
Exclude<keyof P, keyof WithRouterProps>
|
|
>
|
|
|
|
export default function withRouter<
|
|
P extends WithRouterProps,
|
|
C = NextPageContext
|
|
>(
|
|
ComposedComponent: NextComponentType<C, any, P>
|
|
): React.ComponentType<ExcludeRouterProps<P>> {
|
|
function WithRouterWrapper(props: any): JSX.Element {
|
|
return <ComposedComponent router={useRouter()} {...props} />
|
|
}
|
|
|
|
WithRouterWrapper.getInitialProps = ComposedComponent.getInitialProps
|
|
// This is needed to allow checking for custom getInitialProps in _app
|
|
;(WithRouterWrapper as any).origGetInitialProps = (
|
|
ComposedComponent as any
|
|
).origGetInitialProps
|
|
if (process.env.NODE_ENV !== 'production') {
|
|
const name =
|
|
ComposedComponent.displayName || ComposedComponent.name || 'Unknown'
|
|
WithRouterWrapper.displayName = `withRouter(${name})`
|
|
}
|
|
|
|
return WithRouterWrapper
|
|
}
|