[Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.

[mensur-durakovic]

What version of Next.js are you using?

11.0.1.

What version of Node.js are you using?

14.17.1.

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

Vercel

Describe the Bug

When you create new NextJS application there is warning is the console:

inpage.js:2 [Deprecation] SharedArrayBuffer will require cross-origin isolation as of M92, around July 2021. See https://developer.chrome.com/blog/enabling-shared-array-buffer/ for more details.

Because of this warning Google Lighthouse report is giving my website lower score in category "Best practices" - Uses deprecated APIs (93/100)

I tried to upgrade to React and React-dom to latest version (17.0.2) but the issue is still here. I have tried everything suggest on SO, nothing helps.

Expected Behavior

I expect no warning messages in the console when I create new NextJS app.

To Reproduce

Create new NextJS app with this command:

npx create-next-app --typescript

run app with command:

npm run dev

Open localhost:3000 and inspect console.

Warning is displayed.

[mattcarlotta]

This is an issue with React/ReactDOM. Make sure you update both to v17.0.2: reference

[mensur-durakovic]

@mattcarlotta did you read my section "Describe the bug"? My NextJS version is already using 17.0.2 React and React-dom, and it is not resolving the issue.

[mattcarlotta]

Unable to replicate your issue with your reproduction steps:

If you're installing any additional dependencies, please list them.

[mensur-durakovic]

@mattcarlotta that's very strange. I just repeat all my steps above and I can still see the warning. Only thing that is different is you are using yarn and I am using npm. Also you have higher node version than I have.

Tried with Chrome and Firefox. In Firefox, there is no warning and in Chrome warning is still there:

My Chrome version is: 91.0.4472.114 (Official Build) (arm64)

[mattcarlotta]

I'm running a similar Chrome version: Version 91.0.4472.114 (Official Build) (64-bit), which leads me to believe that npm may be your issue.

Try the following and see if the warning is still present:
A.) Install and run the CRA with Typescript -- I expect this to display the same warning.
B.) Switch to yarn: sudo npm i -g yarn, then yarn create next-app --typescript -- I expect this to possibly fix the issue, but not 100% sure.
C.) Try this workaround -- This shouldn't be required if you're using the newest version of React/ReactDOM. If this works, I suspect that a dependency within your dependency tree is requiring a React version prior to v17.0.2 or a dependency that uses SharedArrayBuffer.

[mensur-durakovic]

@mattcarlotta I have finally found the reason. I have Chrome extension "Binance Chain" installed on my Chrome. When I disable extension, warning goes away.

Ehh, mistery solved. Thanks for your help!

[balazsorban44]

This issue has been automatically locked due to no recent activity. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.