我在NextJS中使用Context时遇到了一个问题。当我看到页面源代码时，我没有看到任何预先呈现的HTML。
现在，在页面源代码中，我无法看到此标记之后的任何预呈现数据-
下面是我当前从_app. js返回组件的方式-

<Provider store={store}>
      <PersistGate persistor={persistor}>
        <InternetConnectionStatusProvider>
          <Component {...pageProps} />
        {/* </InternetConnectionStatusProvider> */}
      </PersistGate>
    </Provider>

背景-

const { createContext, useState, useEffect, useMemo } = require('react')

export const InternetConnectionStatusContext = createContext({
  isOnline: true,
})

export const InternetConnectionStatusProvider = ({ children }) => {
  const [isOnline, setOnline] = useState(true)

  // if (typeof navigator === 'undefined') {
  //   return null
  // }

  useEffect(() => {
    setOnline(navigator.onLine)

    window.addEventListener('online', () => {
      setOnline(true)
    })

    window.addEventListener('offline', () => {
      setOnline(false)
    })

    return () => {
      window.removeEventListener('online', () => {
        setOnline(true)
      })

      window.removeEventListener('offline', () => {
        setOnline(false)
      })
    }
  }, [navigator.onLine])

  const value = useMemo(() => ({ isOnline }))

  return (
    <InternetConnectionStatusContext.Provider value={value}>
      {children}
    </InternetConnectionStatusContext.Provider>
  )
}

请注意Redux -Persists也有类似的问题，这两个都不能单独工作。
期望NextJS也能预先呈现这些页面。