reactjs - NextJS/Typescript/Apollo 错误；属性在类型上不存在

Question

我是 NextJS 和 Typescript 的新手，我正在实现 headless CMS Strapi，但在使用 Apollo 时遇到问题。我整个周末都在谷歌上搜索，试图更好地理解这个问题。我希望有人能在这里帮助我。

错误

在我的 _app.tsx 中收到以下错误

Property 'apollo' does not exist on type 'AppPropsType<Router, {}>'.

错误发生在我下面的 MyApp 函数上。

我的_app.tsx

import * as React from 'react'
import { AppProps } from 'next/app'
import { ApolloProvider } from '@apollo/react-hooks'
import withData from '../../utils/apollo'

import 'circular-std'
import 'react-multi-carousel/lib/styles.css'
import '../scss/styles.scss'

function MyApp({ Component, pageProps, apollo }: AppProps) {
  return (
    <ApolloProvider client={apollo}>
      <Component {...pageProps} />
    </ApolloProvider>
  )
}

export default withData(MyApp)

对应Strapi setup tutorial here在前端设置的第 3 节下。

Answer 1

或者，我已经完成了以下操作:

import App, { AppProps  } from 'next/app';
import { ApolloProvider, ApolloClient } from '@apollo/client';

interface Props {
  apollo: ApolloClient<{}>;
}

const MyApp = ({ Component, pageProps, apollo }: AppProps & Props) => {
}