From c31503f1426f970080a3f2e0046543ff20d6fef1 Mon Sep 17 00:00:00 2001
From: Michael Shilman <shilman@users.noreply.github.com>
Date: Sat, 15 Jun 2024 20:06:41 +0800
Subject: [PATCH] Addon-interactions: Fix deprecation warnings

---
 code/addons/interactions/src/components/Interaction.tsx | 2 +-
 code/addons/interactions/src/components/Subnav.tsx      | 6 +-----
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/code/addons/interactions/src/components/Interaction.tsx b/code/addons/interactions/src/components/Interaction.tsx
index b50e1a8382a7..5dcb57097ce0 100644
--- a/code/addons/interactions/src/components/Interaction.tsx
+++ b/code/addons/interactions/src/components/Interaction.tsx
@@ -187,7 +187,7 @@ export const Interaction = ({
               hasChrome={false}
               tooltip={<Note note={`${isCollapsed ? 'Show' : 'Hide'} interactions`} />}
             >
-              <StyledIconButton containsIcon onClick={toggleCollapsed}>
+              <StyledIconButton onClick={toggleCollapsed}>
                 <ListUnorderedIcon />
               </StyledIconButton>
             </WithTooltip>
diff --git a/code/addons/interactions/src/components/Subnav.tsx b/code/addons/interactions/src/components/Subnav.tsx
index 4a9dda73a28a..0fefb62c72fa 100644
--- a/code/addons/interactions/src/components/Subnav.tsx
+++ b/code/addons/interactions/src/components/Subnav.tsx
@@ -137,7 +137,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go to start" />}>
               <RewindButton
                 aria-label="Go to start"
-                containsIcon
                 onClick={controls.start}
                 disabled={!controlStates.start}
               >
@@ -148,7 +147,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go back" />}>
               <StyledIconButton
                 aria-label="Go back"
-                containsIcon
                 onClick={controls.back}
                 disabled={!controlStates.back}
               >
@@ -159,7 +157,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go forward" />}>
               <StyledIconButton
                 aria-label="Go forward"
-                containsIcon
                 onClick={controls.next}
                 disabled={!controlStates.next}
               >
@@ -170,7 +167,6 @@ export const Subnav: React.FC<SubnavProps> = ({
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Go to end" />}>
               <StyledIconButton
                 aria-label="Go to end"
-                containsIcon
                 onClick={controls.end}
                 disabled={!controlStates.end}
               >
@@ -179,7 +175,7 @@ export const Subnav: React.FC<SubnavProps> = ({
             </WithTooltip>
 
             <WithTooltip trigger="hover" hasChrome={false} tooltip={<Note note="Rerun" />}>
-              <RerunButton aria-label="Rerun" containsIcon onClick={controls.rerun}>
+              <RerunButton aria-label="Rerun" onClick={controls.rerun}>
                 <SyncIcon />
               </RerunButton>
             </WithTooltip>