joinmarket-webui/jam

[v2] avoid recreating browser router on every app render

Open

#1 155 ouverte le 27 févr. 2026

Voir sur GitHub
 (1 commentaire) (0 réactions) (0 assignés)TypeScript (108 forks)auto 404
buggood first issuev2

Métriques du dépôt

Stars
 (325 stars)
Métriques de merge PR
 (Métriques PR en attente)

Description

right now createBrowserRouter() is being called inside the App component body, which means a new router instance gets created on every render.

since App re-renders on state, context, and translation changes, this causes the router to be recreated repeatedly. react router expects the router instance to be stable, and recreating it can reset internal navigation state, interrupt pending fetchers, and potentially cause subtle routing bugs.

the router should be memoized with the correct dependencies or refactored so it is created once and remains stable across renders.

Guide contributeur

Direction de recherche
Inspectez le composant App pour identifier où createBrowserRouter est appelé. Déplacez la création du routeur en dehors du composant ou utilisez useMemo/useRef pour garantir une instance stable entre les rendus.
Stack technique
typescriptreactnodejs
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.
Récente
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
ReactReact Router
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75