GitHub/storybook
1
0
Fork 0
mirror of https://github.com/storybookjs/storybook.git synced 2025-04-07 07:21:17 +08:00
Code Issues Packages Projects Releases Wiki Activity

React: Force act running always in sequence

Browse Source
This commit is contained in:
Valentin Palkovic 2025-01-06 12:16:12 +01:00
parent de65bec511
commit cc60f03f38
1 changed files with 31 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
code/renderers/react/src/renderToCanvas.tsx
View File

@ -45,6 +45,23 @@ class ErrorBoundary extends ReactComponent<{
const Wrapper = FRAMEWORK_OPTIONS?.strictMode ? StrictMode : Fragment;
const actQueue: (() => Promise<void>)[] = [];
let isActing = false;
const processActQueue = async () => {
if (isActing || actQueue.length === 0) {
return;
}
isActing = true;
const actTask = actQueue.shift();
if (actTask) {
await actTask();
}
isActing = false;
processActQueue();
};
export async function renderToCanvas(
{
storyContext,
@ -81,12 +98,22 @@ export async function renderToCanvas(
unmountElement(canvasElement);
}
await act(async () => {
await renderElement(element, canvasElement, storyContext?.parameters?.react?.rootOptions);
await new Promise<void>((resolve, reject) => {
try {
actQueue.push(async () => {
await act(async () => {
await renderElement(element, canvasElement, storyContext?.parameters?.react?.rootOptions);
resolve();
});
});
processActQueue();
} catch (e) {
reject(e);
}
});
return async () => {
await act(() => {
return () => {
act(() => {
unmountElement(canvasElement);
});
};