SuperTokens is an open source authentication solution offering features like: Different types of login: Email / password, Passwordless (OTP or Magic link based).

SuperTokens.com

`Error: requireAuth prop should not change. If you are seeing this, it probably means that you are using SessionAuth in multiple routes with different values for requireAuth. To solve this, try adding the "key" prop to all uses of SessionAuth like <SessionAuth key="someUniqueKeyPerRoute" requireAuth={...}>`

You can fix this by adding a unique key prop to EmailPasswordAuthNoSSR

if (securityLevel === "full") {
    return (
      <EmailPasswordAuthNoSSR key={router.asPath}>
        {getLayout(<Component {...pageProps} />)}
      </EmailPasswordAuthNoSSR>
    );
  } else {
    return (
      <EmailPasswordAuthNoSSR key={router.asPath} requireAuth={false}>
        {getLayout(<Component {...pageProps} />)}
      </EmailPasswordAuthNoSSR>
    );
  }

yea. You can also add the securityLevel text to it. In case you are rendering the same path with different security level

so I can just use the security level then, in both ?

actually security level has no value if not full

ok, other than using these suggestions, how else would I generate a key for this situation?