React、JWT/Cookie 和路由

问：

我目前正在开发一个 Web 应用程序，其中我已实现 JWT 身份验证。服务器创建 JWT 令牌，并在 HttpOnly cookie 中将其发送到客户端。我正在将 React 用于前端，并在导航期间管理身份验证状态方面面临挑战。

我尝试在 React 中使用并通过包装我的路由的组件获取令牌。但是，我遇到了问题，尤其是在刷新页面时。似乎异步性质导致了错误。最初，不提取任何令牌（返回 null），然后，如果提取令牌，即使在初始 null 值之后，它仍然存在。useContextuseEffectAppuseEffect

我正在寻找有关在 React 中处理 JWT 身份验证的更强大解决方案的指导，特别是使用 HttpOnly cookie。如何确保在导航过程中正确检查令牌，避免当前面临的问题？

对在 React 中管理 JWT 身份验证的最佳实践的任何帮助或见解将不胜感激！提前致谢。