cloudflare/vinext

App Router: `template.tsx` does not remount/re-render correctly on navigation

Geschlossen

#1.534 geöffnet am 22.05.2026

Auf GitHub ansehenContributor Guide
 (0 Kommentare) (0 Reaktionen) (0 zugewiesene Personen)TypeScript (384 Forks)github user discovery
adapter-api-e2ehelp wanted

Repository-Metriken

Stars
 (8.625 Sterne)
PR-Merge-Metriken
 (Durchschn. Merge 1T 1h) (462 gemergte PRs in 30 T)

Beschreibung

This issue was created by an agent analysing CI failures from the Next.js Deploy Suite (vinext main vs Next.js v16.2.6, 2026-05-22).

Problem

Templates should reset their state and re-render on each navigation. vinext either shows a This page couldn't load error or keeps the same instance value, indicating the template does not remount correctly on navigation.

template.tsx instance value preserved across navigations (should be fresh)

Estimated Impact

~2 test failures across the deploy suite.

Affected Test Suites

  • test/e2e/app-dir/app/index.test.ts (2 failures)

Recommendation

  1. Reproduce first in vinext's own test suite. Add a template.tsx that uses useState(Math.random()) and assert the value changes between navigations.

  2. Force remount of template.tsx on navigation. Wrap the template with a key that changes per navigation so React unmounts and remounts the subtree.

Part of #1328.

Contributor Guide

Research-Richtung
Erstellen Sie eine minimale Reproduktion mit `useState(Math.random())` in `template.tsx` und überprüfen Sie, dass sich der Wert bei der Navigation nicht ändert. Passen Sie die Vorlage an, um einen eindeutigen Schlüssel pro Navigation zu verwenden, um das erneute Mounten zu erzwingen.
Tech Stack
typescriptnextjs
Domain
frontend
Issue Type
Fehler
SchwierigkeitGeschätzte Implementierungsschwierigkeit für neue Contributors, von 1 für sehr kleine Änderungen bis 5 für Expertenarbeit.
2
Geschätzte ZeitEin grober Zeitrahmen, um zu recherchieren, zu implementieren, zu testen und einen Pull Request vorzubereiten.
1-3 Stunden
AktivitätsstatusWie verfügbar das Issue gerade wirkt: frisch, aktiv, stale, blockiert oder wartet auf Maintainer-Input.
Aktiv
KlarheitWie klar das Issue die erwartete Änderung, Akzeptanzkriterien und den nächsten Schritt erklärt.
Klar
Voraussetzungen
ReactTypeScriptGit
EinsteigerfreundlichkeitEin Score von 1 bis 100, der schätzt, wie zugänglich dieses Issue für First-Time Contributors ist.
75