Hi Descope team :wave:
I’m facing an issue with ex...
# ask-a-descopera
Aryan Bhandari
12/22/2025, 5:00 AMHi Descope team 👋
I’m facing an issue with excessive loading time during Descope initialization in a React (Vite) app.
Setup:
@descope/react-sdkp
Prashasth Baliga
12/22/2025, 5:04 AM@Atharva Joshi
a
Atharva Joshi
12/22/2025, 5:06 AM@Aryan Bhandari could you specify the version of the react sdk your using?
And a screenshot of the network tab during initial auth would be helpful as well
a
Aryan Bhandari
12/22/2025, 5:33 AMV 2..25.0 i am using
console error
Setting refresh timer for 150152. (579011ms)
Profile.tsx:84 Logging out...
index.esm.js:1 Clearing all timers
loggerMixin.js:27 Successfully fetched URL https://static.descope.com/pages/P34BHLas1imEyKtqssBSuha6Hbxu/v2-beta/theme.json
loggerMixin.js:27 Fetched theme Object
loggerMixin.js:27 Successfully fetched URL https://static.descope.com/pages/P34BHLas1imEyKtqssBSuha6Hbxu/v2-beta/config.json
loggerMixin.js:27 Got component version "2.2.9"
loggerMixin.js:27 Injecting npm lib: "@descope/web-components-ui" with version: "2.2.9"
loggerMixin.js:27 DescopeUI was loaded
loggerMixin.js:27 Before popup postmessage send {"isPopup":false,"isCodeChanged":false,"isExchangeErrorChanged":false}
loggerMixin.js:27 Got a screen with id sign-up-or-in/SC2fmFlEcLGc1e8RDBhxdmQhIYzi6
loggerMixin.js:27 Enable key press handler
loggerMixin.js:27 Rendering a flow screen
loggerMixin.js:27 Successfully fetched URL https://static.descope.com/pages/P34BHLas1imEyKtqssBSuha6Hbxu/v2-beta/sign-up-or-in/SC2fmFlEcLGc1e8RDBhxdmQhIYzi6.html
descopeUiMixin.js:54 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'descope-container')
at Ti.o (descopeUiMixin.js5418)
at async Promise.all (:3131/index 0)
Aryan Bhandari
12/22/2025, 5:34 AMimport { Descope } from '@descope/react-sdk';
import { Box } from '@mui/material';
import { useLocation, useNavigate } from 'react-router-dom';
import LoginSkeleton from '../sections/skeleton/login/LoginSkeleton';
import { useState } from 'react';
export default function Login() {
const navigate = useNavigate();
const location = useLocation();
const [isLoading, setIsLoading] = useState(true);
const handleSuccess = () => {
const params = new URLSearchParams(location.search);
const redirectTo = params.get('redirect') ?? '/marketplace';
void navigate(redirectTo, { replace: true });
};
return (
<>
{isLoading && (
<Box
sx={{
position: 'absolute',
inset: 0,
zIndex: 10,
}}
>
<LoginSkeleton />
</Box>
)}
<Box
sx={{
minWidth: 500,
visibility: !isLoading ? 'visible' : 'hidden',
boxShadow: '0 4px 8px rgba(0,0,0,0.2)',
border: '1px solid #ddd',
padding: '16px 16px 36px',
backgroundColor: '#fff',
borderRadius: '8px',
}}
>
<Descope
flowId="sign-up-or-in"
restartOnError
onSuccess={handleSuccess}
onReady={() => setIsLoading(false)}
onError={(e) => {
console.error('DESCOPE ERROR:', e);
setIsLoading(false);
}}
/>
</Box>
</>
);
}
a
Atharva Joshi
12/22/2025, 5:57 AMlet me check this
Atharva Joshi
12/22/2025, 6:48 AM@Aryan Bhandari I tested your setup and looks like the latency is under 200ms
Is it possible you have some additional network settings at your end that might increase latency?
a
Aryan Bhandari
12/22/2025, 7:01 AMThe error is coming when i am logging in to my website, spending some time scrolling though the site after loggin out , my login page is showing skeleton for a long time very very long time
Aryan Bhandari
12/22/2025, 7:04 AMimage.png
Aryan Bhandari
12/22/2025, 7:05 AMimage.png
a
Atharva Joshi
12/22/2025, 7:07 AMcan you turn on the Fetch/XHR option so i can check the component call that renders your component?
a
Aryan Bhandari
12/22/2025, 1:15 PMimage.png
Aryan Bhandari
12/22/2025, 1:15 PMthis is taking some 10-12 seconds some req are in pending state
a
Atharva Joshi
12/22/2025, 1:38 PMeven though the log shows 327ms for the component call?
this might be something in your setup like an API call that is delaying the rendering ?
a
Aryan Bhandari
12/23/2025, 11:29 AMSir , can we somehow connect on meet ?
a
Atharva Joshi
12/23/2025, 11:35 AMsure does 5:30 PM sound good?
a
Aryan Bhandari
12/23/2025, 11:43 AMyess sir
Aryan Bhandari
12/23/2025, 11:45 AMshould i paste link in this chat only
a
Atharva Joshi
12/23/2025, 11:45 AMIll DM you a link shortly
a
Aryan Bhandari
12/23/2025, 11:46 AMokay sir
Aryan Bhandari
12/23/2025, 12:36 PM Copy code
uccessfully fetched URL <https://static.descope.com/pages/P34ixVh0LRlEd09OkvD4EPsV8Aj4/v2-beta/config.json> loggerMixin.js:27:81
Got component version "2.1.17" loggerMixin.js:27:81
Injecting npm lib: "@descope/web-components-ui" with version: "2.1.17" loggerMixin.js:27:81
DescopeUI was loaded loggerMixin.js:27:81
Successfully fetched URL <https://static.descope.com/pages/P34ixVh0LRlEd09OkvD4EPsV8Aj4/v2-beta/theme.json> loggerMixin.js:27:81
Fetched theme
Object { dark: {…}, light: {…} }
loggerMixin.js:27:81
Before popup postmessage send {"isPopup":false,"isCodeChanged":false,"isExchangeErrorChanged":false} loggerMixin.js:27:81
Got a screen with id sign-up-or-in/SC2fmFlEcLGc1e8RDBhxdmQhIYzi6 loggerMixin.js:27:81
Rendering a flow screen <empty string> loggerMixin.js:27:81
Successfully fetched URL <https://static.descope.com/pages/P34ixVh0LRlEd09OkvD4EPsV8Aj4/v2-beta/sign-up-or-in/SC2fmFlEcLGc1e8RDBhxdmQhIYzi6.html> loggerMixin.js:27:81
Uncaught (in promise) TypeError: can't access property "descope-container", h is undefined
n descopeUiMixin.js:54
loadDescopeUiComponents descopeUiMixin.js:28
loadDescopeUiComponents descopeUiMixin.js:28
onStepChange DescopeWc.js:1
b tslib.es6.mjs:118
promise callback*T tslib.es6.mjs:120
uy tslib.es6.mjs:121
uy tslib.es6.mjs:117
onStepChange DescopeWc.js:1
update state.js:1
update state.js:1
setTimeout handler*fe/this.update state.js:1
onFlowChange DescopeWc.js:1
b tslib.es6.mjs:118
promise callback*T tslib.es6.mjs:120
b tslib.es6.mjs:118
promise callback*T tslib.es6.mjs:120
b tslib.es6.mjs:118
promise callback*T tslib.es6.mjs:120
b tslib.es6.mjs:118
promise callback*T tslib.es6.mjs:120
uy tslib.es6.mjs:121
uy tslib.es6.mjs:117
onFlowChange DescopeWc.js:1
update state.js:1
update state.js:1
setTimeout handler*fe/this.update state.js:1
pi BaseDescopeWc.js:1
uy tslib.es6.mjs:121
uy tslib.es6.mjs:117
pi BaseDescopeWc.js:1
update state.js:1
update state.js:1
setTimeout handler*fe/this.update state.js:1
init BaseDescopeWc.js:1
b tslib.es6.mjs:118
promise callback*T tslib.es6.mjs:120
b tslib.es6.mjs:118a
Atharva Joshi
12/23/2025, 12:54 PMThankyou for sharing this @Aryan Bhandari
Let me pass this on internally
We'll review and update here ASAP
a
Aryan Bhandari
12/23/2025, 12:55 PMThankyou so much
🙌 1
a
Atharva Joshi
12/24/2025, 6:26 AMHey @Aryan Bhandari the team requested a HAR file for this incident
This will help us better understand why this error is occuring
a
Aryan Bhandari
12/26/2025, 8:29 AMlocalhost.har
a
Atharva Joshi
12/26/2025, 8:45 AMHey aryan
Thanks for sharing this
I'll pass this on internally and get back to you with an update
a
Aryan Bhandari
12/27/2025, 5:47 PMOkay sir
Aryan Bhandari
12/29/2025, 5:15 AMtried next js as welll
Aryan Bhandari
12/29/2025, 5:15 AMstill coming
a
Atharva Joshi
12/29/2025, 6:08 AMAfter reviewing the HAR file the slowest descope network call is ~1s not 35s as we saw on call that day
i think there might be other calls that might be slowing down your rendering
2 Views