Address deprecations in the Carousel component (#2391)

sumup-oss · Jan 17, 2024 · 9f57d45 · 9f57d45 · vercel · Jan 17, 2024
1 parent 2975181
commit 9f57d45
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 8 deletions.
diff --git a/.changeset/pretty-buttons-fold.md b/.changeset/pretty-buttons-fold.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Resolved deprecation warnings in the Carousel component.
diff --git a/packages/circuit-ui/components/Carousel/Carousel.tsx b/packages/circuit-ui/components/Carousel/Carousel.tsx
@@ -204,14 +204,12 @@ export function Carousel({
                 >
                   {state.paused ? playButtonLabel : pauseButtonLabel}
                 </PlayButton>
-                <PrevButton
-                  label={prevButtonLabel}
-                  {...getPreviousControlProps()}
-                />
-                <NextButton
-                  label={nextButtonLabel}
-                  {...getNextControlProps()}
-                />
+                <PrevButton {...getPreviousControlProps()}>
+                  {prevButtonLabel}
+                </PrevButton>
+                <NextButton {...getNextControlProps()}>
+                  {nextButtonLabel}
+                </NextButton>
               </ButtonList>
             </Controls>
           )}