Type Error Using New Apollo

[guilhermeccrz]

The code above works when run dev, but when try to build, types are incorrect right in the () => {, what should i do?

"Argument of type '() => ApolloClient' is not assignable to parameter of type 'InitApolloClient'.
Type 'ApolloClient' is missing the following properties from type 'ApolloClient': store, writeData, initQueryManager"

import withApollo from "next-with-apollo";
import { ApolloClient, InMemoryCache, ApolloProvider } from "@apollo/client";

const cache = new InMemoryCache();

export default withApollo(
  () => {
    return new ApolloClient({
      uri: process.env.API_URL,
      cache: cache,
      name: "react-web-client",
      version: "1.3",
      queryDeduplication: false,
      defaultOptions: {
        watchQuery: {
          fetchPolicy: "cache-and-network",
        },
      },
    });
  },
  {
    render: ({ Page, props }) => {
      if (process.env.NODE_ENV === "test") {
        return <Page />;
      }

      return (
        <ApolloProvider client={props.apollo}>
          <Page />
        </ApolloProvider>
      );
    },
  }
);

[tiwari-ai-harsh]

Be sure to name your file with .tsx not .ts.

[tiwari-ai-harsh]

Also can try this: https://github.com/TomDoesTech/NextJS-With-Apollo-Client-Tutorial