From 6696a17b9032f5b95b4501d1a9de40128dbea311 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=C5=81ukasz=20Mierzwa?= <l.mierzwa@gmail.com>
Date: Wed, 2 Dec 2020 09:22:42 +0000
Subject: [PATCH] fix(ui): pass new react-select typescript args

---
 .../SilenceModal/SilenceMatch/LabelValueInput.tsx      | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.tsx b/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.tsx
index bca1f1bda..90b24e2a0 100644
--- a/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.tsx
+++ b/ui/src/Components/SilenceModal/SilenceMatch/LabelValueInput.tsx
@@ -31,7 +31,7 @@ const GenerateHashFromMatchers = (
     },
   });
 
-const Placeholder: FC<PlaceholderProps<OptionT>> = (props) => {
+const Placeholder: FC<PlaceholderProps<OptionT, true>> = (props) => {
   return (
     <div>
       <components.Placeholder {...props} />
@@ -39,7 +39,7 @@ const Placeholder: FC<PlaceholderProps<OptionT>> = (props) => {
   );
 };
 
-interface ValueContainerPropsT extends ValueContainerProps<OptionT> {
+interface ValueContainerPropsT extends ValueContainerProps<OptionT, true> {
   selectProps: {
     silenceFormStore: SilenceFormStore;
     matcher: MatcherWithIDT;
@@ -51,7 +51,7 @@ const ValueContainer: FC<ValueContainerPropsT> = ({
   selectProps,
   ...props
 }) => (
-  <components.ValueContainer {...(props as ValueContainerProps<OptionT>)}>
+  <components.ValueContainer {...(props as ValueContainerProps<OptionT, true>)}>
     {selectProps.matcher.values.length > 0 ? (
       <MatchCounter
         key={GenerateHashFromMatchers(
@@ -108,7 +108,9 @@ const LabelValueInput: FC<{
       hideSelectedOptions
       isMulti
       components={{
-        ValueContainer: ValueContainer as FC<ValueContainerProps<OptionT>>,
+        ValueContainer: ValueContainer as FC<
+          ValueContainerProps<OptionT, true>
+        >,
         Placeholder: Placeholder,
       }}
       silenceFormStore={silenceFormStore}