shuding/next-view-transitions

Not working with Link "legacyBehavior" prop

Open

Aperta il 28 mag 2024

Vedi su GitHub
 (0 commenti) (2 reazioni) (0 assegnatari)TypeScript (2388 star) (92 fork)user submission
enhancementgood first issue

Descrizione

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.

Guida contributor

Tech stack
typescriptreactnextjs
Dominio
frontend
Tipo issue
bug
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
3
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
1-3 hours
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
fresh
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
mostly clear
Prerequisiti
understanding of Next.js Link componentfamiliarity with legacyBehavior prop
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
65
Direzione di ricerca
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.