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;
 }