From 3f2a66057a4b2c1691c2d9ff56134aa4758a3dd2 Mon Sep 17 00:00:00 2001
From: XlebyllleK <96723939+XlebyllleK@users.noreply.github.com>
Date: Sat, 11 Jan 2025 23:15:54 +0200
Subject: [PATCH] feat: Optimize package sorting with useMemo

---
 src/components/PackageList.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/PackageList.tsx b/src/components/PackageList.tsx
index 15f64d8..3d84dd6 100644
--- a/src/components/PackageList.tsx
+++ b/src/components/PackageList.tsx
@@ -1,5 +1,6 @@
 import {
-    JSX
+    JSX,
+    useMemo
 } from 'react';
 
 import {
@@ -25,7 +26,10 @@ export function PackageList({
         </div>
     );
 
-    const sortedPackages = [...packages].sort((a, b) => a.name.localeCompare(b.name));
+    const sortedPackages = useMemo(
+        () => [...packages].sort((a, b) => a.name.localeCompare(b.name)),
+        [packages]
+    );
 
     return (
         <div className="grid gap-4">