Next.jsのローカル環境で「SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021」警告が表示される

公開日時
更新日時

React v17.0.1を使っているNext.jsプロジェクトでconsoleに↓の警告が表示されていた。

[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. 
scheduler.development.js?3069:298

先日の記事でも同じ警告が出ていたが、今回のプロジェクトではFFMPEG.WASMは使っていないので別の原因で発生している模様。

本番環境では警告が出ておらず、ローカル環境でのみ発生していた。

調べてみると↓のissueが上がっていた。

修正版をmasterにマージ済みとなっていたので、Reactを最新版(v17.0.2)に更新。

yarn add react@latest react-dom@latest

アップデート後にローカルで再確認したところ警告は出なくなった。


Related #next.js

SharedArrayBuffer updates in Android Chrome 88 and Desktop Chrome 92

クロスオリジン分離対応を実施

react-hook-formとReact Datepickerを組み合わせる

Hook FormのControllerを使う

Next.jsで生成したサイトで特定のページのみnoindexを設定する

タグに紐づく記事一覧ページはnoindexにした

Next.jsでAdsenseタグを埋め込んだら Only one AdSense head tag supported per page エラーが発生

Only one AdSense head tag supported per page. The second tag is ignored.