GradientSlider - fix thumbTintColor override (#2971)

* GradientSlider - fix thumbTintColor override

* change solution to display name

Author: Inbal-Tish

src/components/slider/GradientSlider.tsx

@@ -151,14 +151,14 @@ const GradientSlider = <T extends string | HSLA = string>(props: Props<T>) => {
 
   return (
     <SliderComponent
+      thumbTintColor={Colors.getHexString(hueColor)}
       {...others}
       ref={forwardedRef}
       onReset={reset}
       renderTrack={renderTrack}
       step={step}
       maximumValue={maximumValue}
       value={value}
-      thumbTintColor={Colors.getHexString(hueColor)}
       onValueChange={sliderOnValueChange}
       containerStyle={containerStyle}
       disabled={disabled}

src/components/slider/context/asSliderGroupChild.tsx

@@ -29,7 +29,8 @@ function asSliderGroupChild(WrappedComponent: any) {
   const SliderContextConsumer = getConsumer(WrappedComponent);
 
   hoistNonReactStatic(SliderContextConsumer, WrappedComponent);
-
+  //@ts-expect-error
+  SliderContextConsumer.displayName = WrappedComponent.displayName;
   return SliderContextConsumer;
 }