fix: prop-types: className missing in prop validation

jsx-eslint/eslint-plugin-react#3284 (comment)
jaem1n207 · May 20, 2024 · ac01f0b · ac01f0b
1 parent f3dbd9a
commit ac01f0b
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 18 deletions.
diff --git a/src/shared/ui/label.tsx b/src/shared/ui/label.tsx
@@ -1,16 +1,16 @@
 import * as LabelPrimitive from '@radix-ui/react-label';
 import { cva, type VariantProps } from 'class-variance-authority';
-import * as React from 'react';
+import type { ComponentPropsWithoutRef, ElementRef } from 'react';
 
 import { cn } from '~/shared/lib/utils';
 
 const labelVariants = cva(
  'text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70',
 );
 
-const Label = React.forwardRef<
- React.ElementRef<typeof LabelPrimitive.Root>,
- React.ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
+const Label = forwardRef<
+ ElementRef<typeof LabelPrimitive.Root>,
+ ComponentPropsWithoutRef<typeof LabelPrimitive.Root> & VariantProps<typeof labelVariants>
 >(({ className, ...props }, ref) => (
  <LabelPrimitive.Root ref={ref} className={cn(labelVariants(), className)} {...props} />
 ));

diff --git a/src/shared/ui/tabs.tsx b/src/shared/ui/tabs.tsx
@@ -1,13 +1,13 @@
 import * as TabsPrimitive from '@radix-ui/react-tabs';
-import * as React from 'react';
+import type { ComponentPropsWithoutRef, ElementRef } from 'react';
 
 import { cn } from '~/shared/lib/utils';
 
 const Tabs = TabsPrimitive.Root;
 
-const TabsList = React.forwardRef<
- React.ElementRef<typeof TabsPrimitive.List>,
- React.ComponentPropsWithoutRef<typeof TabsPrimitive.List>
+const TabsList = forwardRef<
+ ElementRef<typeof TabsPrimitive.List>,
+ ComponentPropsWithoutRef<typeof TabsPrimitive.List>
 >(({ className, ...props }, ref) => (
  <TabsPrimitive.List
  ref={ref}
@@ -20,9 +20,9 @@ const TabsList = React.forwardRef<
 ));
 TabsList.displayName = TabsPrimitive.List.displayName;
 
-const TabsTrigger = React.forwardRef<
- React.ElementRef<typeof TabsPrimitive.Trigger>,
- React.ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
+const TabsTrigger = forwardRef<
+ ElementRef<typeof TabsPrimitive.Trigger>,
+ ComponentPropsWithoutRef<typeof TabsPrimitive.Trigger>
 >(({ className, ...props }, ref) => (
  <TabsPrimitive.Trigger
  ref={ref}
@@ -35,9 +35,9 @@ const TabsTrigger = React.forwardRef<
 ));
 TabsTrigger.displayName = TabsPrimitive.Trigger.displayName;
 
-const TabsContent = React.forwardRef<
- React.ElementRef<typeof TabsPrimitive.Content>,
- React.ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
+const TabsContent = forwardRef<
+ ElementRef<typeof TabsPrimitive.Content>,
+ ComponentPropsWithoutRef<typeof TabsPrimitive.Content>
 >(({ className, ...props }, ref) => (
  <TabsPrimitive.Content
  ref={ref}

diff --git a/src/shared/ui/tooltip.tsx b/src/shared/ui/tooltip.tsx
@@ -1,5 +1,5 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip';
-import * as React from 'react';
+import type { ComponentPropsWithoutRef, ElementRef } from 'react';
 
 import { cn } from '~/shared/lib/utils';
 
@@ -9,9 +9,9 @@ const Tooltip = TooltipPrimitive.Root;
 
 const TooltipTrigger = TooltipPrimitive.Trigger;
 
-const TooltipContent = React.forwardRef<
- React.ElementRef<typeof TooltipPrimitive.Content>,
- React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
+const TooltipContent = forwardRef<
+ ElementRef<typeof TooltipPrimitive.Content>,
+ ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => (
  <TooltipPrimitive.Content
  ref={ref}