Next.js：将我的自定义应用程序包装在contextAPI中返回我：无法读取未定义的属性'className'

Question

当我使用上下文API来包装我的自定义应用程序时，我的控制台将返回我：

  

无法读取未定义的属性'className'

这是我的next.js代码段：

export default (props) =>( 
        <ContextProvider>
            <MyApp {...props}/>
        </ContextProvider>
)

const TIMEOUT = 1000


class MyApp extends App {
        <Container>
{some code here...}

        </Container>
      )
    }
  }

  MyApp.contextType=Context;

怎么可能？

任何提示都会很棒，

谢谢