fix TS type of Tooltip.label prop (#3597)

graphql · May 11, 2024 · 224b43f · 224b43f
1 parent 79d1d99
commit 224b43f
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/.changeset/twenty-chicken-shout.md b/.changeset/twenty-chicken-shout.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+Fix TypeScript type of the `label` prop of the `Tooltip` component
diff --git a/packages/graphiql-react/src/ui/tooltip.tsx b/packages/graphiql-react/src/ui/tooltip.tsx
@@ -1,4 +1,4 @@
-import { ReactElement } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import * as T from '@radix-ui/react-tooltip';
 import { createComponentGroup } from '../utility/component-group';
 import './tooltip.css';
@@ -9,7 +9,7 @@ export function TooltipRoot({
   side = 'bottom',
   sideOffset = 5,
   label,
-}: T.TooltipContentProps & { label: string }): ReactElement {
+}: T.TooltipContentProps & { label: ReactNode }): ReactElement {
   return (
     <T.Root>
       <T.Trigger asChild>{children}</T.Trigger>