在next.js中进行全局状态管理

在next.js中进行全局状态管理往往需要用到上下文context，这在react中很常见，但受制于nextjs的服务端渲染的特性，我们不能直接使用上下文进行全局状态管理。（包括很多第三方库也需要用到context）

官方的解决方案：https://vercel.com/guides/react-context-state-management-nextjs

简单来说就是创建一个自己的组件，标记为客户端渲染，该组件包裹住context，最后在根目录引用该组件即可。