avoid Component.defaultProps for icon components (#3602)

Author: thomasheyenbrock

.changeset/nervous-numbers-push.md

@@ -0,0 +1,5 @@
+---
+'@graphiql/react': patch
+---
+
+Avoid using deprecated Component.defaultProps for icon titles

packages/graphiql-react/src/icons/index.ts renamed to 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;
 }