fremtind / jokul

Jøkul er et designsystem utviklet av Fremtind.
https://jokul.fremtind.no
MIT License
63 stars 33 forks source link

Feil: Key problemer med tooltip i en map #3918

Closed PernilleWelle-Watne closed 1 month ago

PernilleWelle-Watne commented 1 month ago

Steg for å gjenskape

  1. Ha tooltips i en map
  2. hovre over elementet
  3. se i consollen at man får: Warning: Encountered two children with the same key, ``. Keys should be unique so that components maintain their identity across updates. Non-unique keys may cause children to be duplicated and/or omitted — the behavior is unsupported and could change in a future version.

Forventet oppførsel

Ikke få key feil i AnimatedPresence

ivarni commented 1 month ago

Når triggerOn er satt til "hover" rendrer TooltipContent en extra child til AnimatePresence og React blir sint fordi framer-motion gir begge key="" siden vi ikke har sendt noe (antar det er noe i koden der som defaulter dette til tom streng).

Gjenskapt i dev-mode i jokul-repoet, også med bare én tooltip. Løsningen ser ut til å være at vi gir begge elementene en eksplisitt key.