From 933fd547f67b31d745c3a7ed909309e705ee26fa Mon Sep 17 00:00:00 2001
From: Uladzimir Havenchyk <125459446+uladzimirdev@users.noreply.github.com>
Date: Wed, 22 May 2024 16:05:59 +0300
Subject: [PATCH] Cleanup annoying console warning from emotion (#42819)
---
.../FilterPanelButton/FilterPanelButton.styled.tsx | 5 ++++-
1 file changed, 4 insertions(+), 1 deletion(-)
diff --git a/frontend/src/metabase/querying/components/FilterPanel/FilterPanelButton/FilterPanelButton.styled.tsx b/frontend/src/metabase/querying/components/FilterPanel/FilterPanelButton/FilterPanelButton.styled.tsx
index 04c27bdfb9f..37d89172bce 100644
--- a/frontend/src/metabase/querying/components/FilterPanel/FilterPanelButton/FilterPanelButton.styled.tsx
+++ b/frontend/src/metabase/querying/components/FilterPanel/FilterPanelButton/FilterPanelButton.styled.tsx
@@ -1,3 +1,4 @@
+import isPropValid from "@emotion/is-prop-valid";
import styled from "@emotion/styled";
import type { ButtonHTMLAttributes } from "react";
@@ -10,7 +11,9 @@ type FilterButtonProps = ButtonHTMLAttributes<HTMLButtonElement> &
isExpanded: boolean;
};
-export const FilterButton = styled(Button)<FilterButtonProps>`
+export const FilterButton = styled(Button, {
+ shouldForwardProp: isPropValid,
+})<FilterButtonProps>`
color: ${({ isExpanded }) => (isExpanded ? color("white") : color("filter"))};
background-color: ${({ isExpanded }) =>
isExpanded ? alpha("filter", 0.8) : alpha("filter", 0.2)};
--
GitLab