added key

src/components/shared/impressions/designers.tsx

@@ -60,6 +60,10 @@ const Designers = () => {
     text2: string;
   };
 
+  const sortedItems = [...(data?.designers ?? [])]?.sort(
+    (a, b) => a?.order_id - b?.order_id
+  );
+
   return (
     <section className="md:py-20 py-10">
       <Container className="flex flex-col md:gap-10 gap-6">
@@ -75,7 +79,7 @@ const Designers = () => {
             {isPending ? (
               <Loader />
             ) : (
-              data?.designers?.map((item, i) => (
+              sortedItems?.map((item, i) => (
                 <DesignerCard
                   key={i}
                   {...item}

src/components/shared/menu.tsx

@@ -68,6 +68,7 @@ export const Menu: FC<PropsWithChildren<Props>> = ({
                 onMouseEnter={() => setIsHover(item.hover ? true : false)}
                 onMouseLeave={() => setIsHover(false)}
                 className="relative"
+                key={i}
               >
                 <div
                   key={item.text}

src/services/types/designers.type.ts

@@ -27,7 +27,7 @@ export interface Designer {
   updated_at: string;
   category_designer_id: number;
   achievements: Achievement[];
-  order_id: number | null;
+  order_id: number;
   image: DesignerImage;
   images: DesignerImage[];
 }