bugfix: remove TabController.TabBar defaultProps, use JavaScript default parameters instead. (#3155)

Co-authored-by: Spring Xue <[email protected]>

Author: crazyshakalaka

src/components/tabController/TabBar.tsx

@@ -142,19 +142,19 @@ const TabBar = (props: Props) => {
     enableShadow,
     shadowStyle: propsShadowStyle,
     indicatorStyle,
-    labelStyle,
-    selectedLabelStyle,
+    labelStyle = DEFAULT_LABEL_STYLE,
+    selectedLabelStyle = DEFAULT_SELECTED_LABEL_STYLE,
     labelColor,
     selectedLabelColor,
     uppercase,
     iconColor,
     selectedIconColor,
     activeBackgroundColor,
     backgroundColor = Colors.$backgroundElevated,
-    faderProps,
+    faderProps = DEFAULT_FADER_PROPS,
     containerWidth: propsContainerWidth,
     centerSelected,
-    spreadItems,
+    spreadItems = true,
     indicatorInsets = Spacings.s4,
     indicatorWidth,
     containerStyle,
@@ -319,12 +319,6 @@ const TabBar = (props: Props) => {
 };
 
 TabBar.displayName = 'TabController.TabBar';
-TabBar.defaultProps = {
-  labelStyle: DEFAULT_LABEL_STYLE,
-  selectedLabelStyle: DEFAULT_SELECTED_LABEL_STYLE,
-  faderProps: DEFAULT_FADER_PROPS,
-  spreadItems: true
-};
 
 const styles = StyleSheet.create({
   container: {