Fix tsx erros in LabelContainer

LabelContainer.tsx

@@ -1,25 +1,17 @@
-import React, { PureComponent } from 'react';
-import { View } from 'react-native';
+import React, { useState, ReactNode } from 'react';
+import { StyleProp, View, ViewProps } from 'react-native';
 
-class LabelContainer extends PureComponent {
+export interface Props<T> {
+  renderContent: (value: T) => ReactNode;
+}
 
-  state = {
-    value: Number.NaN,
-  };
-
-  setValue = value => {
-    this.setState({ value });
-  }
+const LabelContainer = <T extends unknown>({
+  renderContent,
+  ...restProps
+}: Props<T> & StyleProp<ViewProps>) => {
+  const [value, setValue] = useState<T | typeof Number.NaN>(Number.NaN);
 
-  render() {
-    const { renderContent, ...restProps } = this.props;
-    const { value } = this.state;
-    return (
-      <View {...restProps}>
-        {renderContent(value)}
-      </View>
-    );
-  }
-}
+  return <View {...restProps}>{renderContent(value)}</View>;
+};
 
 export default LabelContainer;

hooks.tsx

@@ -106,7 +106,7 @@ export const useThumbFollower = (
 ) => {
   const xRef = useRef(new Animated.Value(0));
   const widthRef = useRef(0);
-  const contentContainerRef = useRef<FollowerContainer | null>(null);
+  const contentContainerRef = useRef();
 
   const {current: x} = xRef;
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rn-range-slider",
-  "version": "2.2.2",
+  "version": "2.2.3",
   "author": "Tigran Sahakyan <[email protected]>",
   "description": "A highly optimized pure JS implementation of Range Slider for React Native",
   "homepage": "https://github.com/githuboftigran/rn-range-slider",