Given a component that has a props type of any, when wrapping the component in the withRouter HOC, the returned component has a prop type of {}. I would expect the return component to have a prop type of any.

any should not be narrowed to {}.

Components with any type are common when gradually migrating a codebase to TypeScript, where many components may have their prop types undefined whilst the codebase is gradually migrated.

Example:

import React, { SFC } from 'react';
import { withRouter } from 'react-router-dom';

const MyComponent: SFC<any> = () => null;

const MyComponentWithRouter = withRouter(MyComponent);

<MyComponentWithRouter
  // Unexpected error: Property 'foo' does not exist on type 'IntrinsicAttributes & IntrinsicClassAttributes<Component<Pick<any, never>, ComponentState>> & Rea...'.
  foo={1}
/>

Related gcanti/typelevel-ts#19

This issue was introduced by the change in #21329 /cc @Grmiade (PR author)

If you know how to fix the issue, make a pull request instead.

• I tried using the @types/react-router package and had problems.
• I tried using the latest stable version of tsc. https://www.npmjs.com/package/typescript
• I have a question that is inappropriate for StackOverflow. (Please ask any appropriate questions there).
• Mention the authors (see Definitions by: in index.d.ts) so they can respond.
  • Authors: @sergey-buturlakin @mrk21 @vasek17 @ngbrown @awendland @KostyaEsmukov @johnnyreilly @LKay @DovydasNavickas @tkrotoff @huy-nguyen @Grmiade @DaIgeb @egorshulga @neuoy

If you do not mention the authors the issue will be ignored.