我现在正在做一个Next项目（只有UI设计），我得到了一个.env.local文件，其中包含envt变量来访问授权页面。但即使在将其添加到项目的根目录后，我仍然被引导到登录页面，并且react也抱怨水合eorr，我觉得这非常奇怪。你有什么建议，如何解决这个问题，因为如果没有，就没有办法获得任何进展
local文件是MongoDBenvt变量的列表。错误：文本内容与服务器呈现的HTML不匹配。
查看更多信息此处：https://nextjs.org/docs/messages/react-hydration-error

Call Stack
    checkForUnmatchedText
    node_modules\react-dom\cjs\react-dom.development.js (9647:0)
    didNotMatchHydratedTextInstance
    node_modules\react-dom\cjs\react-dom.development.js (11394:0)
    prepareToHydrateHostTextInstance
    node_modules\react-dom\cjs\react-dom.development.js (12606:0)
    completeWork
    node_modules\react-dom\cjs\react-dom.development.js (22232:0)
    completeUnitOfWork
    node_modules\react-dom\cjs\react-dom.development.js (26596:0)
    performUnitOfWork
    node_modules\react-dom\cjs\react-dom.development.js (26568:0)
    workLoopSync
    node_modules\react-dom\cjs\react-dom.development.js (26466:0)
    renderRootSync
    node_modules\react-dom\cjs\react-dom.development.js (26434:0)
    performConcurrentWorkOnRoot
    node_modules\react-dom\cjs\react-dom.development.js (25738:0)
    workLoop
    node_modules\scheduler\cjs\scheduler.development.js (266:0)
    flushWork
    node_modules\scheduler\cjs\scheduler.development.js (239:0)
    MessagePort.performWorkUntilDeadline
    node_modules\scheduler\cjs\scheduler.development.js (533:0)
    after adding the .env.local file at the root

字符串
我也检查了.gitignore文件，.env.local在里面。有没有一种方法可以访问受保护的页面，以便我可以快速开始UI设计。