通过环境变量获取全局变量值

Question

我对打字稿和 OOP 相当陌生。我正在浏览用打字稿编写的反应代码。所以，基本上在 index.tsx 中，它有一个如下定义的接口：

declare global{
interface Window{
PERSON: string,
LOCATION: string
}
}

和 .env 文件，其中有一些值：

PERSON = "ABC"
LOCATION = "XYZ"

对于主要组件 home.tsx，使用 h1 标头中的 {window.PERSON} 访问该值。然而，输出在 Web 浏览器中呈现为“%REACT_APP_PERSON%”。我发现可以通过使用 REACT_APP_ 和在组件中使用 params.env.NAME 来访问环境变量，所以，我添加了 REACT_APP_PERSON 并且控制台记录了 window.PERSON 的值，它现在显示为未定义。

有没有办法以“ABC”的身份访问window.PERSON？我如何连接它们？有人可以帮我解决这里发生的事情，我该如何解决？由于缺乏理解，我花了几个小时在这么简单的概念上。