ローカライズ＋Next.js

いろいろ調べたけど相性悪いのかうまく行かない https://stackoverflow.com/questions/73314905/next-js-with-react-intl-creates-an-ancestry-issue

これ見たらreact-intl-universal使えって返事ｗ アリババ製

npm i react-intl-universal

localesにローカライズのJSONのファイルたちを配置。

この例を見た

https://github.com/alibaba/react-intl-universal/blob/master/packages/react-intl-universal/examples/browser-example

/pages/index.tsx

のクラスの中に書いていった

以下警告邪魔なのでこうした

  React.useEffect(() => {
    initializeIntl()
    // 第二引数から除外する
    // eslint-disable-next-line react-hooks/exhaustive-deps
  }, [])

このメソッドは上の後に書いた

const initializeIntl = () => {

npm i react-intl-universal
npm i use-force-update