nextjs使用next-intl要注意

之前设计时没注意，在服务端组件直接使用了：

import { useTranslations } from 'next-intl';
const t = useTranslations();

网页一直没出错，就没注意，但如果page设置成了async，就会出现[Error: Expected a suspended thenable. This is a bug in React. Please file an issue.]错误。

记着，服务端组件调用next-intl必须：

import { getTranslations } from 'next-intl/server';export default async function Home() {const t = await getTranslations();return (<div></div>);
}