From d10ed756ca2ed64fc403f5c5c8464b8410157456 Mon Sep 17 00:00:00 2001
From: David Cho-Lerat <david.cho-lerat@sonarsource.com>
Date: Fri, 19 Jul 2024 18:01:25 +0200
Subject: [PATCH] SONAR-22574 Don't forward props from Mantine to Select items

---
 .../components/ProjectsSortingSelect.tsx      | 22 ++++++-------------
 1 file changed, 7 insertions(+), 15 deletions(-)

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 f34ef89f780..cbf6a81d223 100644
--- 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>
+  );
+}
-- 
2.39.5