Warning: Expected server HTML to contain a matchin

React

Warning: Expected server HTML to contain a matching <div> in <div>.在使用Next.js或者React.js进行SSR网站开发时，我们经常会见到这种错误，主要原因是因为SSR脱水和注水过程中发现元素渲染不一致。

这种情况很可能是因为我们使用代码执行环境进行了一些判断，我们只需要将问题组件进行CSR即可。

目前我的钻进Login出现了问题，使用Next.js自带的dynamic引入来解决，React自己封装一个NoSSR即可。

import dynamic from "next/dynamic";
const LognIn = dynamic(import("./LogIn"), { ssr: false });

const User = () => {
  return (
    <>
      <LognIn/>
    </>
  );
};
export default User;