SONAR-22574 Don't forward props from Mantine to Select items

diff --git a/server/sonar-web/src/main/js/apps/projects/components/ProjectsSortingSelect.tsx b/server/sonar-web/src/main/js/apps/projects/components/ProjectsSortingSelect.tsx
index f34ef89f780e71e2e66526b60765d06bd6afd705..cbf6a81d2239ac540559a84987bf4919e5f49541 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/components/ProjectsSortingSelect.tsx
+++ b/server/sonar-web/src/main/js/apps/projects/components/ProjectsSortingSelect.tsx
@@ -115,18 +115,10 @@ export default class ProjectsSortingSelect extends React.PureComponent<Props> {
   }
 }
 
-const ProjectsSortingSelectItem = React.forwardRef<HTMLDivElement, Option & { className: string }>(
-  ({ className, label, optionClass, short, value, ...props }, ref) => {
-    return (
-      <div
-        className={classNames(`it__project-sort-option-${value}`, className, optionClass)}
-        ref={ref}
-        {...props}
-      >
-        {short ?? label}
-      </div>
-    );
-  },
-);
-
-ProjectsSortingSelectItem.displayName = 'ProjectsSortingSelectItem';
+function ProjectsSortingSelectItem({ label, optionClass, short, value }: Readonly<Option>) {
+  return (
+    <div className={classNames(`it__project-sort-option-${value}`, optionClass)}>
+      {short ?? label}
+    </div>
+  );
+}