Example of usage meteor/react-meteor-data with withRouter in typescript

[gustawdaniel]

I am using this package with typescript

https://packosphere.com/meteor/react-meteor-data

My code

import React from 'react';
// import {withRouter} from 'react-router-dom';
import {withTracker} from 'meteor/react-meteor-data';
import {RouteComponentProps, withRouter} from 'react-router-dom';

interface IProps extends RouteComponentProps<any> {
	title: string;
}

class MyComp extends React.Component<IProps> {
	public render(): JSX.Element {
		return <h1>{this.props.title}</h1>;
	}
}

export default withRouter<IProps, typeof MyComp>(
	withTracker(() => {
		return {title: 'ok'};
	})(MyComp)
);

Error:

Description

TS2345: Argument of type 'ComponentClass<unknown, any>' is not assignable to parameter of type 'typeof MyComp & ComponentType<IProps>'.
Type 'ComponentClass<unknown, any>' is not assignable to type 'typeof MyComp & ComponentClass<IProps, any>'.
Type 'ComponentClass<unknown, any>' is not assignable to type 'typeof MyComp'.
Construct signature return types 'Component<unknown, any, any>' and 'MyComp' are incompatible.
The types returned by 'render()' are incompatible between these types.
Type 'ReactNode' is not assignable to type 'Element'.
Type 'undefined' is not assignable to type 'ReactElement<any, any>'.