如何使用 React 中的 Tailwind 使我的状态栏背景变白？

Question

我正在一个网站上工作，使用 reactjs 和 tailwindcss 构建，现在我正试图让它在我的 iPhone (Safari) 上看起来不错。但我似乎无法使状态栏/背景变白。

我试过用 React 头盔添加元标签，但这没有做任何事情：

<Helmet>
        <meta name="theme-color" content="#ffffff" />
        <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
        <meta name="viewport" content="width=device-width, viewport-fit=cover">`
</Helmet>

我试过这个：

body {
  background-color: white;
  height: 100vh;
  margin: 0;
  padding: env(safe-area-inset-top) 0 0 0;
}

但是也没有任何东西可以使状态栏变白......我似乎找不到任何其他方法，但是很多网站在我的 iPhone 上都有白色状态栏。