CircularProgress broken before redirect

[FabioZan86]

Steps to reproduce

Hello, I have a problem redirecting a page to oauth twitter 'x'. The <CircularProgress size={22} disableShrink={true} variant="indeterminate" /> appears broken when redirecting, any tips? thanks.

Current behavior

No response

Expected behavior

No response

Context

No response

Your environment

npx @mui/envinfo

  Don't forget to mention which browser you used.
  Output from `npx @mui/envinfo` goes here.

Search keywords: #circularprogress #mui #muimaterial

[aarongarciah]

Hey @FabioZan86! I'm unable to reproduce the issue. Can you provide a minimal reproduction? A repo/CodeSanbox/StackBlitz would be ideal.

[FabioZan86]

Hey @FabioZan86! I'm unable to reproduce the issue. Can you provide a minimal reproduction? A repo/CodeSanbox/StackBlitz would be ideal.

https://codesandbox.io/p/sandbox/vigilant-tree-n6ztjl

[mj12albert]

Possible browser issue?
I couldn't reproduce this on Chrome or Firefox

44133.mov

[mj12albert]

@FabioZan86 could you share your npx @mui/envinfo output as well

[akashutosh77]

CircularProgress seems to be working fine to me as well

[FabioZan86]

For me it still persists! you should try to click at least 10 times until you see the blank square. Could it be my Chrome has about 120 tabs open? https://codesandbox.io/p/sandbox/vigilant-tree-n6ztjl

[aarongarciah]

@FabioZan86 can you share a video of the issue? I'm still unable to reproduce. Also share your env info in the issue description (using npx @mui/envinfo).

[FabioZan86]

@FabioZan86 can you share a video of the issue? I'm still unable to reproduce. Also share your env info in the issue description (using npx @mui/envinfo).

Hello, the blank square appeared on the third click and on the last one. Regarding @mui/envinfo, it has no relation to my local project because the blank square occurs in the remote environment codesandbox. What I see is that if the browser has many tabs open this can happen. But my pc is a dell g15 i7 16gbram rtx3050... or could it be something in the code with the composite states? const [loadingStates, setLoadingStates] = useState({ isLoadingX: false, isLoadingG: false, });

WhatsApp.Video.2024-10-29.at.08.49.00.mp4

[aarongarciah]

Regarding @mui/envinfo, it has no relation to my local project because the blank square occurs in the remote environment codesandbox

@FabioZan86 it's important to know which package versions are you using, which browser, which OS, etc.

After trying many times, I'm still unable to reproduce the issue. Have you been able to reproduce the issue in another computer or browser?