WithRouterProps types not available

After upgrading from Next 8.1.0 to 8.1.1 Canary the typescript type definition for WithRouterProps is not there anymore. In the previous version the following statement worked.

import { withRouter, WithRouterProps } from 'next/router';

During the 8.1.1 Canary development iteration withRouter was changed a bit. What is the approach to get those types back again.

[rodogir]

@khusamov for now you can do

import { WithRouterProps } from "next/dist/client/with-router";

[ahutchings]

I was able to update to use the new typings and wanted to share my solutions:

My component that was being wrapped by withRouter was previously typed with React.FC<WithRouterProps>. I’ve updated its type to be React.FC<{router: PublicRouterInstance}>, where PublicRouterInstance is a type imported from next/router.

I was using LinkProps in the props definition for a component that wrapped Link, and extended the Link interface to accept additional props. My interface was something like interface Props extends LinkProps { ...}. This is now working using interface Props extends React.ComponentPropsWithoutRef<typeof Link> {...}. It’s a little more verbose, so I think there would be some value in exporting a props interface for Link (and other components) to support this pattern.

If there is a better way to achieve these things, I’d be interesting in learning about them.