fix(types): fix value inspector button warning (#17876)

Co-authored-by: Michael Matloka <[email protected]>
PostHog · Oct 11, 2023 · 8bc9602 · 8bc9602
1 parent 301ab02
commit 8bc9602
Showing 1 changed file with 29 additions and 28 deletions.
diff --git a/frontend/src/scenes/funnels/ValueInspectorButton.tsx b/frontend/src/scenes/funnels/ValueInspectorButton.tsx
@@ -1,5 +1,6 @@
+import { forwardRef } from 'react'
+
 import { Link } from '@posthog/lemon-ui'
-import React from 'react'
 
 interface ValueInspectorButtonProps {
     onClick?: (e?: React.MouseEvent) => void
@@ -9,30 +10,30 @@ interface ValueInspectorButtonProps {
     title?: string | undefined
 }
 
-export const ValueInspectorButton = React.forwardRef<HTMLElement, ValueInspectorButtonProps>(
-    ({ onClick, onMouseEnter, onMouseLeave, children, title }, ref) => {
-        return onClick ? (
-            <Link
-                ref={ref}
-                onClick={onClick}
-                onMouseEnter={onMouseEnter}
-                onMouseLeave={onMouseLeave}
-                className="funnel-inspect-button"
-                title={title}
-            >
-                {children}
-            </Link>
-        ) : (
-            <span
-                ref={ref}
-                onMouseEnter={onMouseEnter}
-                onMouseLeave={onMouseLeave}
-                className="funnel-inspect-button"
-                title={title}
-            >
-                {children}
-            </span>
-        )
-    }
-)
-ValueInspectorButton.displayName = 'ValueInspectorButton'
+export const ValueInspectorButton = forwardRef<HTMLElement, ValueInspectorButtonProps>(function ValueInspectorButton(
+    { onClick, onMouseEnter, onMouseLeave, children, title },
+    ref
+): JSX.Element {
+    return onClick ? (
+        <Link
+            ref={ref}
+            onClick={onClick}
+            onMouseEnter={onMouseEnter}
+            onMouseLeave={onMouseLeave}
+            className="funnel-inspect-button"
+            title={title}
+        >
+            {children}
+        </Link>
+    ) : (
+        <span
+            ref={ref}
+            onMouseEnter={onMouseEnter}
+            onMouseLeave={onMouseLeave}
+            className="funnel-inspect-button"
+            title={title}
+        >
+            {children}
+        </span>
+    )
+})