我正在用react在 Next JS 中编写一个小函数。当我使用导航器时，出现以下错误。

ReferenceError: navigator is not defined

这是我的代码：

import React from "react";

export default function App() {

const isMac = navigator.platform.toUpperCase().indexOf("MAC") >= 0;

  return (
   {isMac ? "I'm mac" : "I'm windows"}
  );
}

如何获取浏览器平台，然后基于该平台呈现部分？