add ts-ingore comments

Author: francinelucca

packages/styled-react/src/components/RadioGroup.tsx

@@ -8,7 +8,7 @@ const StyledRadioGroup = (props: RadioGroupProps) => {
   return <Box as={PrimerRadioGroup} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 export const RadioGroupImpl = ({as, ...props}: RadioGroupProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledRadioGroup forwardedAs={as} {...props} />
@@ -25,7 +25,7 @@ const StyledCheckboxOrRadioGroupLabel = (props: CheckboxOrRadioGroupLabelProps)
   return <Box as={PrimerRadioGroup.Label} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 export const CheckboxOrRadioGroupLabel = ({as, ...props}: CheckboxOrRadioGroupLabelProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledCheckboxOrRadioGroupLabel forwardedAs={as} {...props} />
@@ -40,7 +40,7 @@ const StyledCheckboxOrRadioGroupCaption = (props: CheckboxOrRadioGroupCaptionPro
   return <Box as={PrimerRadioGroup.Caption} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 export const CheckboxOrRadioGroupCaption = ({as, ...props}: CheckboxOrRadioGroupCaptionProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledCheckboxOrRadioGroupCaption forwardedAs={as} {...props} />
@@ -56,7 +56,7 @@ const StyledCheckboxOrRadioGroupValidation = (props: CheckboxOrRadioGroupValidat
   return <Box as={PrimerRadioGroup.Validation} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 export const CheckboxOrRadioGroupValidation = ({as, ...props}: CheckboxOrRadioGroupValidationProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledCheckboxOrRadioGroupValidation forwardedAs={as} {...props} />

packages/styled-react/src/components/RelativeTime.tsx

@@ -9,7 +9,7 @@ function StyledRelativeTime(props: RelativeTimeProps) {
   return <Box as={PrimerRelativeTime} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 export const RelativeTime = ({as, ...props}: RelativeTimeProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledRelativeTime forwardedAs={as} {...props} />

packages/styled-react/src/components/SegmentedControl.tsx

@@ -16,7 +16,7 @@ const StyledSegmentedControlButton = (props: SegmentedControlButtonProps) => {
   return <Box as={PrimerSegmentedControl.Button} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const SegmentedControlButton = ({as, ...props}: SegmentedControlButtonProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledSegmentedControlButton forwardedAs={as} {...props} />
@@ -26,7 +26,7 @@ const StyledSegmentedControlIconButton = (props: SegmentedControlIconButtonProps
   return <Box as={PrimerSegmentedControl.IconButton} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const SegmentedControlIconButton = ({as, ...props}: SegmentedControlIconButtonProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledSegmentedControlIconButton forwardedAs={as} {...props} />
@@ -36,7 +36,7 @@ const StyledSegmentedControl = (props: SegmentedControlProps) => {
   return <Box as={PrimerSegmentedControl} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const SegmentedControlImpl = ({as, ...props}: SegmentedControlProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledSegmentedControl forwardedAs={as} {...props} />

packages/styled-react/src/components/Spinner.tsx

@@ -8,7 +8,7 @@ export function StyledSpinner(props: SpinnerProps) {
   return <Box as={PrimerSpinner} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 export const Spinner = ({as, ...props}: SpinnerProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledSpinner forwardedAs={as} {...props} />

packages/styled-react/src/components/StateLabel.tsx

@@ -9,7 +9,7 @@ const StyledStateLabel = forwardRef<HTMLSpanElement, StateLabelProps>(function S
   return <Box as={PrimerStateLabel} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const StateLabel = ({as, ...props}: StateLabelProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledStateLabel forwardedAs={as} {...props} />

packages/styled-react/src/components/SubNav.tsx

@@ -13,7 +13,7 @@ const StyledSubNav = forwardRef<HTMLElement, SubNavProps>(function SubNav(props,
   return <Box as={PrimerSubNav} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const SubNavImpl = ({as, ...props}: SubNavProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledSubNav forwardedAs={as} {...props} />
@@ -25,7 +25,7 @@ const StyledSubNavLink = forwardRef<HTMLAnchorElement, SubNavLinkProps>(function
   return <Box as={PrimerSubNav.Link} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const SubNavLink = ({as, ...props}: SubNavLinkProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledSubNavLink forwardedAs={as} {...props} />

packages/styled-react/src/components/Timeline.tsx

@@ -20,7 +20,7 @@ const StyledTimeline = forwardRef<HTMLDivElement, TimelineProps>(function Timeli
   return <Box as={PrimerTimeline} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const TimelineImpl = ({as, ...props}: TimelineProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledTimeline forwardedAs={as} {...props} />
@@ -30,7 +30,7 @@ const StyledTimelineItem = forwardRef<HTMLDivElement, TimelineItemProps>(functio
   return <Box as={PrimerTimeline.Item} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const TimelineItem = ({as, ...props}: TimelineItemProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledTimelineItem forwardedAs={as} {...props} />
@@ -40,7 +40,7 @@ function StyledTimelineBadge(props: TimelineBadgeProps) {
   return <Box as={PrimerTimeline.Badge} {...props} />
 }
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const TimelineBadge = ({as, ...props}: TimelineBadgeProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledTimelineBadge forwardedAs={as} {...props} />
@@ -50,7 +50,7 @@ const StyledTimelineBody = forwardRef<HTMLDivElement, TimelineBodyProps>(functio
   return <Box as={PrimerTimeline.Body} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const TimelineBody = ({as, ...props}: TimelineBodyProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledTimelineBody forwardedAs={as} {...props} />
@@ -60,7 +60,7 @@ const StyledTimelineBreak = forwardRef<HTMLDivElement, TimelineBreakProps>(funct
   return <Box as={PrimerTimeline.Break} ref={ref} {...props} />
 })
 
-// @ts-ignore
+// @ts-ignore ignore `as` prop error
 const TimelineBreak = ({as, ...props}: TimelineBreakProps) => (
   // @ts-ignore forwardedAs is valid here but I don't know how to fix the typescript error
   <StyledTimelineBreak forwardedAs={as} {...props} />