cloudflare/vinext

`useLinkStatus`: pending state sticky after navigation / shallow routing completes

Fechada

#1.527 aberto em 22 de mai. de 2026

Ver no GitHubGuia do colaborador
 (0 comentário) (0 reação) (0 responsável)TypeScript (371 forks)github user discovery
adapter-api-e2ehelp wanted

Métricas do repositório

Stars
 (8.563 estrelas)
Métricas de merge de PR
 (Mesclagem média 1d 1h) (462 fundiu PRs em 30d)

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

useLinkStatus() is expected to return { pending: false } once a navigation has settled (including shallow routes). vinext reports pending: 1 after navigation, and the dev-overlay debug element never appears.

Expected pending: 0, received pending: 1 after navigation settles

Estimated Impact

~3 test failures across the deploy suite.

Affected Test Suites

  • test/e2e/use-link-status/index.test.ts (3 failures)

Recommendation

  1. Reproduce first in vinext's own test suite. Render a component subscribing to useLinkStatus() and click a <Link>; assert pending flips false after navigation.

  2. Clear pending on navigation lifecycle end. Wire the link-status subscription to the navigation commit lifecycle. Include shallow routing in the clear path.

Part of #1328.

Guia do colaborador

Direção de pesquisa
Reproduza o problema escrevendo um teste que renderiza um componente usando useLinkStatus() e realiza uma navegação. Em seguida, modifique a assinatura do status do link para redefinir o estado pendente quando o ciclo de vida da navegação for confirmado, incluindo roteamento superficial.
Pilha de tecnologia
typescriptreactvite
Domain
frontend
Tipo Issue
Bug
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
3
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Meio dia
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Recente
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
ReactTypeScriptGit
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
60