next.js 为什么我的上下文为null？类型错误：此.context为空

yhived7q 于 2023-03-02 发布在其他

关注(0)|答案(1)|浏览(169)

我是Next Js和TypeScript的新手，我收到以下错误：

Unhandled Runtime Error

TypeError: this.context is null

这是我的布局.tsx：

import { FC } from 'react'
import  { Head } from 'next/document'
import { Box } from '@mui/material'

interface Props {
    title?: string;
    children?: React.ReactNode;
}

export const Layout:FC<Props> = ({ title = "Open Jira", children }) => {
  return (
    <Box sx={{ flexGrow: 1 }} >
        <Head>
            <title>{ title }</title>
        </Head>

        <Box sx={{ padding: '10px 20px' }}>
            {children}
        </Box>
    </Box>
  )
}

此错误是打字错误还是与下一个错误相关？

next.js

来源：https://stackoverflow.com/questions/75567039/why-am-i-getting-null-for-my-context-typeerror-this-context-is-null