Next.js + Magic SDK V6 + OAuth Extension Fails with `TypeError: class constructors must be invoked with 'new'`

✅ Prerequisites

• Did you perform a cursory search of open issues? Is this bug already reported elsewhere?
• Are you running the latest SDK version?
• Are you reporting to the correct repository (magic-sdk)?

🐛 Description

When initializing the client with:

export const createClientMagicInstance = () => {
  if (typeof window === 'undefined') {
    throw Error('Creating magic instance without browser window');
  }
  return new Magic(magicPublicKey, {
    extensions: [new OAuthExtension()],
  });

within Next.js, the following error is thrown class constructors must be invoked with 'new'.

This only happens when calling new OAuthExtension(). The issue is gone when downgrading to "magic-sdk": "^5.1.0"

🌎 Environment

Software	Version(s)
magic-sdk	6.0.5
@magic-ext/oauth	0.9.0
next	11.1.2
Browser	Firefox
yarn	16.7
Operating System	MacOS

[smithki]

@ideopunk 6.x was all about better ES module compatibility, no API changes. You can use 5.x in the meanwhile!

[smithki]

This issue has been resolved in magic-sdk@6.0.7 and @magic-sdk/oauth@0.9.2, as well as for these other extensions:

• @magic-ext/react-native-oauth
• @magic-ext/webauthn

Our Web3-related extensions will follow suit.