cloudflare/vinext

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

Fermée

#1 534 ouverte le 22 mai 2026

Voir sur GitHubGuide contributeur
 (0 commentaire) (0 réaction) (0 personne assignée)TypeScript (384 forks)github user discovery
adapter-api-e2ehelp wanted

Métriques du dépôt

Stars
 (8 625 étoiles)
Métriques de merge PR
 (Merge moyen 1j 1h) (462 PRs mergées en 30 j)

Description

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.

Guide contributeur

Direction de recherche
Créez une reproduction minimale en utilisant `useState(Math.random())` dans `template.tsx`, puis vérifiez que la valeur ne change pas lors de la navigation. Ajustez le template pour utiliser une clé unique par navigation afin de forcer le remontage.
Stack technique
typescriptnextjs
Domaine
frontend
Type d'issue
Bug
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 heures
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactTypeScriptGit
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75