当我刷新页面时，出现以下错误：
文本内容与服务器呈现的 HTML 不匹配。Hydration 失败，因为初始 UI 与服务器上呈现的内容不匹配。补水时出现错误。由于错误发生在 Suspense 边界之外，因此整个根将切换到客户端渲染。
这是我的文件代码：
/* eslint-disable @next/next/no-img-element */
import Header from '@/components/Header'
import blockContent from '@/medium-sanity-copy/schemas/blockContent'
import { PostType, SlugType } from '@/types'
import { Formik, Field, Form, ErrorMessage } from 'formik'
import { FieldProps } from 'formik/dist/Field'
import { GetStaticProps } from 'next'
import Head from 'next/head'
import React from 'react'
import PortableText from 'react-portable-text'
import { client, urlFor } from './../../sanity'
import * as yup from 'yup'
interface PostProps {
post: PostType …