Type error with typescript using example

I’m following the example to set up next-with-apollo and am trying to do so using typescript instead of regular JavaScript. However, I’m getting the follow error when I do so:

[ts]
Argument of type 'typeof MyApp' is not assignable to parameter of type 'typeof App'.
  Types of parameters 'props' and 'props' are incompatible.
    Type 'TProps & AppComponentProps' is not assignable to type 'Props & AppComponentProps'.
      Type 'TProps & AppComponentProps' is not assignable to type 'Props'.
        Property 'apollo' is missing in type 'AppComponentProps'.
class MyApp

Here is my _app.tsx

import App, { Container } from 'next/app';
import ApolloClient from 'apollo-boost';
import { ApolloProvider } from 'react-apollo';
import withApollo from '../lib/withApollo';

interface Props {
  apollo: ApolloClient<any>;
}

class MyApp extends App<Props> {
  render() {
    const { Component, pageProps, apollo } = this.props;

    return (
      <Container>
        <ApolloProvider client={apollo}>
          <Component {...pageProps} />
        </ApolloProvider>
      </Container>
    );
  }
}

export default withApollo(MyApp);

The withApollo.ts didn’t change from the example in the README.

Did I miss some simple here? I assumed given that this was written in TypeScript that it should work pretty simply.

Thanks!!

[lfades]

@hisea Can you add the apollo prop like here ?

interface Props {
  apollo: ApolloClient<any>;
}

class MyApp extends App<Props> {

[hisea]

Thank you, it worked well.

sorry for my novice typescript question.