happyz
/
memos
mirror of https://github.com/usememos/memos.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fix(web): memoize useNavigateTo to prevent infinite view transition loop 

Wrapping the returned function in useCallback prevents a new reference
on every render, which was causing an infinite startViewTransition loop
on the initial signup page (fresh install with no admin).

Fixes #5626
This commit is contained in:
Steven 2026-02-22 13:16:59 +08:00
parent 6eaab52e48
commit 2ab476ef2e
1 changed files with 13 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
web/src/hooks/useNavigateTo.ts
View File

@ -1,18 +1,22 @@
import { useCallback } from "react";
import { NavigateOptions, useNavigate } from "react-router-dom";
const useNavigateTo = () => {
const navigateTo = useNavigate();
const navigateToWithViewTransition = (to: string, options?: NavigateOptions) => {
const doc = window.document as unknown as Document & { startViewTransition?: (callback: () => void) => void };
if (!doc.startViewTransition) {
navigateTo(to, options);
} else {
document.startViewTransition(() => {
const navigateToWithViewTransition = useCallback(
(to: string, options?: NavigateOptions) => {
const doc = window.document as unknown as Document & { startViewTransition?: (callback: () => void) => void };
if (!doc.startViewTransition) {
navigateTo(to, options);
});
}
};
} else {
document.startViewTransition(() => {
navigateTo(to, options);
});
}
},
[navigateTo],
);
return navigateToWithViewTransition;
};