shuding/next-view-transitions

Not working with Link "legacyBehavior" prop

Open

#15 ouverte le 28 mai 2024

Voir sur GitHub
 (0 commentaires) (2 réactions) (0 assignés)TypeScript (2 388 stars) (92 forks)user submission
enhancementgood first issue

Description

import { Link } from 'next-view-transitions'

<Link href={`/next`} passHref legacyBehavior>
  <CustomButton>
      Go to next page
  </CustomButton>
</Link>

The transition is not working when legacyBehavior prop is needed.

Guide contributeur

Stack technique
typescriptreactnextjs
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.
3
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
1-3 hours
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
mostly clear
Prérequis
understanding of Next.js Link componentfamiliarity with legacyBehavior prop
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
65
Direction de recherche
Investigate the implementation of the Link component in next view transitions (likely in src/link.tsx). Compare how it handles the legacyBehavior prop versus the standard Next.js Link. The issue suggests that when legacyBehavior is passed, the transition doesn't work, so examine the logic that wraps the child component and triggers the view transition. Consider whether the library forwards all props correctly or if legacyBehavior requires special handling like using a render prop or cloning the child differently.