refactor: 코드 리뷰 반영

src/app/(post)/comment/_components/PostComment.tsx

@@ -1,6 +1,6 @@
 'use client';
 
-import React, { useState } from 'react';
+import React, { ChangeEvent, useState } from 'react';
 
 import { useParams } from 'next/navigation';
 
@@ -11,7 +11,7 @@ const PostComment = () => {
   const [comment, setComment] = useState('');
   const createComment = useCreateComment(postId);
 
-  const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {
+  const handleChange = (e: ChangeEvent<HTMLInputElement>) => {
     setComment(e.target.value);
   };
 

src/app/(post)/search/_components/SearchBar.tsx

@@ -8,7 +8,7 @@ interface SearchBarProps {
   onSubmit: (input: string) => void;
 }
 
-const SearchBar: React.FC<SearchBarProps> = ({ onClear, onSubmit }) => {
+const SearchBar = ({ onClear, onSubmit }: SearchBarProps) => {
   const [input, setInput] = useState('');
 
   const handleInputChange = (e: React.ChangeEvent<HTMLInputElement>) => {

src/app/(post)/search/page.tsx

@@ -3,7 +3,7 @@
 import React, { useState } from 'react';
 
 import Link from 'next/link';
-import { useSearchParams } from 'next/navigation';
+import { useRouter, useSearchParams } from 'next/navigation';
 
 import { useGetPostListAPI } from '@/src/apis/postList';
 import { CATEGORY_MAP } from '@/src/app/(main)/constants';
@@ -16,18 +16,21 @@ import EmptyPage from '@/src/components/EmptyPage';
 import TopBar from '../../../components/Topbar';
 import SearchBar from './_components/SearchBar';
 
-const CreatePostPage = () => {
+const SearchPostPage = () => {
   const searchParams = useSearchParams();
+  const router = useRouter();
   const channel = (searchParams.get('channel') as ChannelType | null) ?? 'all';
   const [keyword, setKeyword] = useState('');
   const { content: posts } = useGetPostListAPI(keyword, CATEGORY_MAP[channel]);
 
   const handleRemoveClick = () => {
     setKeyword('');
+    router.push(`/search`);
   };
 
   const handleSubmit = (input: string) => {
     setKeyword(input);
+    router.push(`/search`);
   };
 
   return (
@@ -38,27 +41,26 @@ const CreatePostPage = () => {
       </TopBar.Container>
 
       {keyword !== '' && (
-        <ChipContainer currentChannel={channel} defaultPath='/search' />
-      )}
-
-      {keyword !== '' && (
-        <main className='flex h-full grow flex-col overflow-y-scroll'>
-          {posts.length ? (
-            posts.map((post, index) => (
-              <Link
-                href={`/result/${post.postId}`}
-                key={`${index}-${post.voteTitle}`}
-              >
-                <PostItem post={post} />
-              </Link>
-            ))
-          ) : (
-            <EmptyPage href='/createPost' text='작성 글이 없습니다.' />
-          )}
-        </main>
+        <>
+          <ChipContainer currentChannel={channel} defaultPath='/search' />
+          <main className='flex h-full grow flex-col overflow-y-scroll'>
+            {posts.length ? (
+              posts.map((post, index) => (
+                <Link
+                  href={`/result/${post.postId}`}
+                  key={`${index}-${post.voteTitle}`}
+                >
+                  <PostItem post={post} />
+                </Link>
+              ))
+            ) : (
+              <EmptyPage href='/createPost' text='작성 글이 없습니다.' />
+            )}
+          </main>
+        </>
       )}
     </>
   );
 };
 
-export default CreatePostPage;
+export default SearchPostPage;

src/app/_components/ChipContainer.tsx

@@ -50,4 +50,4 @@ const ChipContainer = ({
   );
 };
 
-export default React.memo(ChipContainer);
+export default ChipContainer;

src/components/Icon/index.tsx

@@ -2,7 +2,7 @@ import React, { ComponentProps } from 'react';
 
 import { IconName } from './type';
 
-interface IconProps extends ComponentProps<'svg'> {
+interface IconProps extends Omit<ComponentProps<'svg'>, 'width' | 'height'> {
   id: IconName;
   size?: number;
 }

src/components/TextInput/index.tsx

@@ -47,4 +47,4 @@ const TextInput = forwardRef<HTMLInputElement, TextInputProps>(
 );
 
 TextInput.displayName = 'TextInput';
-export default React.memo(TextInput);
+export default TextInput;