The is my frontend it works on local host, its just when I try to build for my domain, using render.com I get this issue. ``` supertokens-auth-react": "^0.33.1", "supertokens-web-js": "^0.6.0", ``` The code ``` export const SuperTokensConfig = { appInfo: { apiDomain: process.env.REACT_APP_APIDOMAIN || "", websiteDomain: process.env.REACT_APP_WEBSITEDOMAIN || "", apiBasePath: "/auth", appName: "Ecocix", }, recipeList: [ EmailVerification.init({ mode: "REQUIRED", // or "OPTIONAL" }), EmailPassword.init({ style: ` [data-supertokens~=button] { background-color: transparent; border:1px solid #0496FF; width: 30%; height: 40px; margin: 0 auto; border-radius: 30px; } [data-supertokens~=button]:hover { background-color: #0496FF; } [data-supertokens~=superTokensBranding] { display:none; } [data-supertokens~=headerTitle] { color: #0496FF; } [data-supertokens~="container"] { height: 450px; font-family: 'Raleway', sans-serif; background-color: #292F36; } @media (max-width: 400px) { /* Adjust the width for mobile devices */ [data-supertokens~="container"] { width: 90%; /* Use 100% width for mobile screens */ } } @media (min-width: 769px) { /* Define the width for screens wider than 768px (e.g., desktop) */ [data-supertokens~="container"] { width: 600px; } } [data-supertokens~="secondaryText"] { color: #F5F5F5; } [data-supertokens~="link"] { color: #F5F5F5; text-decoration: underline; } [data-supertokens~="label"] { color: #F5F5F5; font-size: 20px; } [data-supertokens~="input"]:focus-within { color: #000000; background-color: #FFFFFF; border-radius: 15px; } [data-supertokens~="inputWrapper"]:focus-within { box-shadow: none; border: none; background-color: none; } [data-supertokens~="inputWrapper"] { border-radius: 15px; } `, getRedirectionURL: async (context) => { if (context.action === "SUCCESS") { if (context.redirectToPath !== undefined) { // we are navigating back to where the user was before they authenticated return context.redirectToPath; } return "/Profile"; } return undefined; } }), Session.init(), ], }; ```