Fix web dev router without view transitions

This commit is contained in:
Codex
2026-07-09 00:48:30 +08:00
parent dc7137d331
commit 21cad7ec09
+5 -3
View File
@@ -5,13 +5,13 @@ import { useTransitionRouter } from 'next-view-transitions';
const isWebDevMode =
process.env['NODE_ENV'] === 'development' && process.env['NEXT_PUBLIC_APP_PLATFORM'] === 'web';
export const useAppRouter = () => {
const usePlainAppRouter = () => useRouter();
const useTransitionAppRouter = () => {
const { appService } = useEnv();
const transitionRouter = useTransitionRouter();
const plainRouter = useRouter();
if (isWebDevMode) return plainRouter;
// A route transition is a plain full-page crossfade, so it only needs the
// base View Transitions API - not the nested view-transition groups the
// paginator turns require. Route through the transition router wherever the
@@ -20,3 +20,5 @@ export const useAppRouter = () => {
// seen on unsupported webviews (Sentry READEST-9).
return appService?.supportsViewTransitionsAPI ? transitionRouter : plainRouter;
};
export const useAppRouter = isWebDevMode ? usePlainAppRouter : useTransitionAppRouter;