From 8c73d3b879e11d16c0257018b0f0251f5ee1ab84 Mon Sep 17 00:00:00 2001
From: Enrique Hidalgo <121901959+ehdlg@users.noreply.github.com>
Date: Fri, 14 Jun 2024 09:39:38 +0200
Subject: [PATCH] wip

---
 .../pomodoro/hooks/use-get-animated-counter-content.tsx         | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/app/src/features/pomodoro/hooks/use-get-animated-counter-content.tsx b/app/src/features/pomodoro/hooks/use-get-animated-counter-content.tsx
index 66ff188..b5a540c 100644
--- a/app/src/features/pomodoro/hooks/use-get-animated-counter-content.tsx
+++ b/app/src/features/pomodoro/hooks/use-get-animated-counter-content.tsx
@@ -14,6 +14,8 @@ const useGetAnimatedCounterContent = (counterContent: string) => {
     style: { opacity: SpringValue<number>; transform: SpringValue<string> },
     digit: string,
   ) => {
+    // The issue with the test warnings is here:
+    // we need to add a key to the animated <span> elements
     return (
       <animated.span className="tabular-nums" style={style}>
         {digit}