fix: 충돌 해결

client/src/components/Reports/Reports.tsx

@@ -5,15 +5,20 @@ import useReportsPage from '@hooks/useReportsPage';
 import {ExpenseList, Flex} from '@HDesign/index';
 
 const Reports = () => {
-  const {isEmpty, expenseListProp, name, changeName} = useReportsPage();
+  const {isEmpty, expenseListProp, memberName, changeName} = useReportsPage();
 
   if (isEmpty) {
     return <BillEmptyFallback />;
   }
 
   return (
     <Flex flexDirection="column" gap="0.5rem">
-      <ExpenseList name={name} onSearch={changeName} placeholder="이름 검색" expenseList={expenseListProp} />
+      <ExpenseList
+        memberName={memberName}
+        onSearch={changeName}
+        placeholder="이름 검색"
+        expenseList={expenseListProp}
+      />
     </Flex>
   );
 };

client/src/hooks/useReportsPage.ts

@@ -9,12 +9,12 @@ import {useSearchReports} from './useSearchReports';
 import toast from './useToast/toast';
 
 const useReportsPage = () => {
-  const [name, setName] = useState('');
+  const [memberName, setMemberName] = useState('');
   const {bankName, accountNumber} = useOutletContext<EventPageContextProps>();
-  const {matchedReports, reports} = useSearchReports({name});
+  const {matchedReports, reports} = useSearchReports({memberName});
 
   const changeName = ({target}: React.ChangeEvent<HTMLInputElement>) => {
-    setName(target.value);
+    setMemberName(target.value);
   };
 
   const onBankButtonClick = () => {
@@ -41,7 +41,7 @@ const useReportsPage = () => {
   return {
     isEmpty,
     expenseListProp,
-    name,
+    memberName,
     changeName,
   };
 };

client/src/hooks/useSearchReports/useSearchReports.tsx

@@ -1,14 +1,14 @@
 import useRequestGetReports from '@hooks/queries/report/useRequestGetReports';
 
 type UseSearchReportsParams = {
-  name: string;
+  memberName: string;
 };
 
-const useSearchReports = ({name}: UseSearchReportsParams) => {
+const useSearchReports = ({memberName}: UseSearchReportsParams) => {
   const {reports} = useRequestGetReports();
 
   return {
-    matchedReports: reports.filter(memberReport => memberReport.memberName.includes(name)),
+    matchedReports: reports.filter(memberReport => memberReport.memberName.includes(memberName)),
     reports,
   };
 };