42 lines
1.2 KiB
TypeScript
42 lines
1.2 KiB
TypeScript
import React, { type JSX } from 'react'
|
|
import type {
|
|
BaseContext,
|
|
NextComponentType,
|
|
NextPageContext,
|
|
} from '../shared/lib/utils'
|
|
import type { NextRouter } from './router'
|
|
import { 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 extends BaseContext = 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
|
|
}
|