NEW 286283
Web Inspector hangs on React Suspense/Await
https://bugs.webkit.org/show_bug.cgi?id=286283
Summary Web Inspector hangs on React Suspense/Await
Robin
Reported 2025-01-20 20:24:16 PST
Web Inspector hangs if a new browser window is opened and the following code is run using Vite and react-router 6 <React.Suspense fallback={ <Skeleton className="w-[100px] h-[calc(var(--navbar-height)/2)] rounded-lg" /> } > <Await resolve={Promise.resolve("hello")}> {(msg) => { console.log("resolved"); return <h1>{msg}</h1>; }} </Await> </React.Suspense> The tab becomes unresponsive even though the web inspector remains somewhat responsive (eg. hitting the back button doesn't work, closing the inspector causes a shadow where the inspector was and the tab doesn't re-size to fill the remaining space). If a promise with a few millisecond timeout is passed to Await resolve, it takes nearly 10mins for the promise to resolve and for the tab to become responsive again. If the web inspector is closed the entire time the code runs, everything runs fine as expected. This bug is also only reproducible in a brand new browser window, so it must be killed and re-opened to reproduce the bug.
Attachments
Radar WebKit Bug Importer
Comment 1 2025-01-27 20:25:13 PST
Note You need to log in before you can comment on or make changes to this bug.