```
SuperTokens.init({
  appInfo: {
    // learn more about this on https://supertokens.io/docs/thirdpartyemailpassword/appinfo
    appName: "Neera",
    apiDomain: END_POINT,
    websiteDomain: window.location.href,
    apiBasePath: "/api/auth",
  },
  recipeList: [
    ThirdPartyEmailPassword.init({
      signInAndUpFeature: {
        providers: [Github.init(), Google.init()],
        useShadowDom: false,
        style: {
          container: {
            fontFamily: "Inter, sans-serif",
            fontSize: "15px",
            lineHeight: "26px",
          },
          label: {
            lineHeight: "inherit",
            fontFamily: "inherit",
            fontSize: "inherit",
          },
          formRow: {
            paddingBottom: "1.5rem",
          },
          headerTitle: { display: "none" },
          // secondaryText: { display: "none" },
          input: {
            outline: "none",
            padding: "0.6rem",
            background: "#ffffff",
            border: "1px solid #d0d0d0",
            boxSizing: "border-box",
            boxShadow: "inset 0px 2px 6px rgba(0, 0, 0, 0.05)",
            borderRadius: "4px",
            lineHeight: "inherit",
            fontFamily: "inherit",
            fontSize: "inherit",
          },
          button: {
            height: "auto",
            padding: "0.5rem 1.5rem",
            fontSize: "1.5rem",
            lineHeight: "2rem",
            whiteSpace: "nowrap",
            backgroundColor: "#5f26ff",
            color: "#fff",
            borderRadius: "4px",
            border: "none",

            "&:hover": {
              backgroundColor: "#5f26ff",
            },
          },
        },
      },
      override: {
        components: {
          ThirdPartyEmailPasswordHeader: (OriginalComponent) => (
            originalProps
          ) => {
            return (
              <div>
                <a href="/">
                  <img src="/logo_full.svg" />
                </a>
                <OriginalComponent {...originalProps} />
              </div>
            );
          },
        },
      },
      onHandleEvent: async (context) => {
        if (context.action === "SUCCESS" || context.action === "SIGN_OUT") {
          axios
            .get(`${END_POINT}profiles?ts=${Date.now()}`)
            .then(({ data }) => {
              store.dispatch({
                type: "profiles/load",
                payload: { profiles: data },
              });
            });
        }
      },
    }),
    Session.init(),
  ],
});
```