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

Next.js使用時にrecoil-persistのStorageを変更する

クライアント側で実行された場合のみstorageを指定するようにした

Next.jsで環境に応じて特定のページを非表示にする

NODE_ENVでredirectsを出し分けた

Next.jsで動的URLをRewriteする

next.config.jsにrewritesを追加

Next.js + typescriptでpathsのエイリアスがModule not foundになる

next.config.jsに追記する必要があった

Next.js + Algoliaで全文検索UIを実装する

react-instantsearchを利用