react-dom.development.js?61bb:506 Warning: Did not expect server HTML to contain a <ul> in <dd>.md

react-dom.development.js?61bb:506 Warning: Did not expect server HTML to contain a <ul> in <dd>.

and

Warning: Text content did not match. Server: "1" Client: "2"

see: skip ssr

SSR中に意図的にクエリをスキップしたい場合は、クエリオプションにssr：falseを渡すことができます。 通常、これはコンポーネントがサーバー上でロード状態でレンダリングされることを意味します。

コンポーネントをローディングの状態でレンダリングする

      <Query query={messagePageNationQuery} variables={pageNationStateForQueryVariables} fetchPolicy="cache-and-network">
          {({ error, data }) => {
          if (error) return <Error />;
          if (data.messageThreads) return (
            <Message.Provider
              value={{
              onClickPrev,

to

      <Query query={messagePageNationQuery} ssr={false} variables={pageNationStateForQueryVariables} fetchPolicy="cache-and-network">
          {({ error, data }) => {
          if (error) return <Error />;
          if (data.messageThreads) return (
            <Message.Provider
              value={{
              onClickPrev,

https://stackoverflow.com/questions/54131447/how-to-fix-warning-text-content-did-not-match-server-some-data-client-lo