From dfa38a4cba488d3a30f7bbb882a8ef3fe7a9b721 Mon Sep 17 00:00:00 2001
From: Andre H <andrehadiantolesmana@gmail.com>
Date: Thu, 29 Feb 2024 13:58:45 +0700
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20remove=20useMemo?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../shared/UserSelect/UserSelectItem/UserSelectItem.tsx  | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
index 861ca13f..4885d6c2 100644
--- a/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
+++ b/packages/frontend/src/components/shared/UserSelect/UserSelectItem/UserSelectItem.tsx
@@ -1,4 +1,4 @@
-import React, { forwardRef, ComponentPropsWithoutRef, useMemo } from 'react';
+import React, { forwardRef, ComponentPropsWithoutRef } from 'react';
 import { Overwrite, UseComboboxGetItemPropsReturnValue } from 'downshift';
 import {
   userSelectItemTheme,
@@ -34,11 +34,6 @@ const UserSelectItem = forwardRef<HTMLLIElement, UserSelectItemProps>(
 
     const { value, label, imgSrc = './logo.svg' } = option;
 
-    const renderLeftImage = useMemo(
-      () => <img src={imgSrc} alt={`${value}-logo`} className={theme.img()} />,
-      [imgSrc, value],
-    );
-
     return (
       <li
         {...props}
@@ -46,7 +41,7 @@ const UserSelectItem = forwardRef<HTMLLIElement, UserSelectItemProps>(
         className={theme.wrapper({ className, active: selected || hovered })}
       >
         <div className={theme.content()}>
-          {renderLeftImage}
+          <img src={imgSrc} alt={`${value}-logo`} className={theme.img()} />
           <p className={theme.label()}>{label}</p>
         </div>
         {selected && <CheckRadioIcon className={theme.selectedIcon()} />}