Typescript error after update of react and react-dom

Question

I have upgraded react and react-dom (and also @type/react and @types/react-dom) to the latest version to use react hooks. But now I am getting this type error:

Argument of type typeof is not assignable to parameter of type 'ComponentType< Props & RouteComponentProps<{}, StaticContext, any>>

interface LoginProps {}

class Login extends React.PureComponent<LoginProps & RouteComponentProps, {}> {

}

export default withRouter(Login);

I suspect the type definitions to be the issue, but I cannot find out what.

ManavM · Accepted Answer · 2019-03-05 07:36:41Z

1

I think the problem is with the way you have tried to extend your interface.

In typescript interfaces can be extended using the extends keyword (ie interfaceA extends interfaceB) while types can be extended using the method you have used (ie typeA & typeB).

And since your LoginProps is an interface, your code is breaking.

try rewriting your code as

interface LoginProps extends RouteComponentProps {}

class Login extends React.PureComponent<LoginProps, {}> {

}

answered Mar 5, 2019 at 7:36

ManavM

3,1082 gold badges23 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Typescript error after update of react and react-dom

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related