import React from "react";
import dynamic from "next/dynamic";
import SuperTokensReact from "supertokens-auth-react";
import EmailPassword from "supertokens-auth-react/recipe/emailpassword";

import { frontendConfig } from "../config/frontendConfig";

if (typeof window !== "undefined") {
  // we only want to call this init function on the frontend, so we check typeof window !== 'undefined'
  SuperTokensReact.init(frontendConfig());
}

const EmailPasswordAuthNoSSR = dynamic(
  new Promise((res) => res(EmailPassword.EmailPasswordAuth)),
  { ssr: false }
);
function MyApp({ Component, pageProps }) {
  return (
    <EmailPasswordAuthNoSSR>
      <Component {...pageProps} />;
    </EmailPasswordAuthNoSSR>
  );
}

export default MyApp;

EmailPasswordSignIn_Override: ({ DefaultComponent, ...props }) => {
              return (
                <Layout
                  pageTitle="SignIn/Register"
                  contentTitle="SignIn/Register"
                  metaDescription="Meta description here"
                  canonical="/auth"
                >
                  <SingleColumnLayout>
                    <DefaultComponent {...props} />
                  </SingleColumnLayout>
                </Layout>
              );
            },

<SuperTokensComponentNoSSR />

<div data-supertokens="container" class="react-shadow-6rs9u2">...</div>

redirect_uri

/auth/signinup