avoid Component.defaultProps for icon components (#3602)

graphql · May 14, 2024 · 03ab3a6 · 03ab3a6
1 parent e3ca774
commit 03ab3a6
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/.changeset/nervous-numbers-push.md b/.changeset/nervous-numbers-push.md
@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+Avoid using deprecated Component.defaultProps for icon titles
diff --git a/packages/graphiql-react/src/icons/index.ts → packages/graphiql-react/src/icons/index.tsx b/packages/graphiql-react/src/icons/index.ts → packages/graphiql-react/src/icons/index.tsx
@@ -74,6 +74,9 @@ function generateIcon(
     .trimStart()
     .toLowerCase() + ' icon',
 ): FC<ComponentProps<'svg'>> {
-  RawComponent.defaultProps = { title };
-  return RawComponent;
+  function IconComponent(props: ComponentProps<'svg'>) {
+    return <RawComponent title={title} {...props} />;
+  }
+  IconComponent.displayName = RawComponent.name;
+  return IconComponent;
 }