diff --git a/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx b/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx
index 6b840ff1..143d87af 100644
--- a/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx
+++ b/frontend/src/pages/MyTemplatesPage/MyTemplatePage.tsx
@@ -42,8 +42,8 @@ const MyTemplatePage = () => {
isTemplateListLoading,
paginationSizes,
dropdownProps,
- keyword,
- searchKeyword,
+ inputKeyword,
+ searchedKeyword,
page,
sortingOption,
selectedTagIds,
@@ -88,7 +88,7 @@ const MyTemplatePage = () => {
)}
- {searchKeyword ? `'${searchKeyword}' 검색 결과` : ''}
+ {searchedKeyword ? `'${searchedKeyword}' 검색 결과` : ''}
@@ -98,7 +98,7 @@ const MyTemplatePage = () => {
@@ -124,7 +124,7 @@ const MyTemplatePage = () => {
{!isTemplateListLoading && (
const selectedTagIds = queryParams.tags;
const page = queryParams.page;
const { currentValue: sortingOption, ...dropdownProps } = useDropdown(getSortingOptionByValue(queryParams.sort));
- const [keyword, handleKeywordChange] = useInput(queryParams.keyword);
+ const [inputKeyword, handleInputKeywordChange] = useInput(queryParams.keyword);
const { memberInfo } = useAuth();
const memberId = passedMemberId ?? memberInfo.memberId;
@@ -72,7 +72,7 @@ export const useFilteredTemplateList = ({ memberId: passedMemberId }: Props) =>
if (e.key === 'Enter') {
updateQueryParams({ page: FIRST_PAGE });
- updateQueryParams({ keyword, page: FIRST_PAGE });
+ updateQueryParams({ keyword: inputKeyword, page: FIRST_PAGE });
}
};
@@ -82,12 +82,12 @@ export const useFilteredTemplateList = ({ memberId: passedMemberId }: Props) =>
isTemplateListLoading,
paginationSizes,
dropdownProps,
- keyword,
- searchKeyword: queryParams.keyword,
+ inputKeyword,
+ searchedKeyword: queryParams.keyword,
page,
sortingOption,
selectedTagIds,
- handleKeywordChange,
+ handleKeywordChange: handleInputKeywordChange,
handleCategoryMenuClick,
handleTagMenuClick,
handleSearchSubmit,
diff --git a/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx b/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx
index bc6dcbb4..94195379 100644
--- a/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx
+++ b/frontend/src/pages/TemplateExplorePage/TemplateExplorePage.tsx
@@ -46,7 +46,7 @@ const TemplateExplorePage = () => {
updateQueryParams({ page });
};
- const [keyword, handleKeywordChange] = useInput(queryParams.keyword);
+ const [inputKeyword, handleInputKeywordChange] = useInput(queryParams.keyword);
const { currentValue: sortingOption, ...dropdownProps } = useDropdown(getSortingOptionByValue(queryParams.sort));
@@ -63,7 +63,7 @@ const TemplateExplorePage = () => {
const handleSearchSubmit = (e: React.KeyboardEvent) => {
if (e.key === 'Enter') {
handlePage(FIRST_PAGE);
- updateQueryParams({ keyword, page: FIRST_PAGE });
+ updateQueryParams({ keyword: inputKeyword, page: FIRST_PAGE });
}
};
@@ -93,8 +93,8 @@ const TemplateExplorePage = () => {
@@ -110,7 +110,7 @@ const TemplateExplorePage = () => {
}
onReset={reset}
- resetKeys={[keyword]}
+ resetKeys={[inputKeyword]}
>