refactor: 검색 결과에 따른 컴포넌트 렌더링

client/src/app/(domain)/search/feature/SearchContainer.tsx

@@ -3,7 +3,7 @@
 import { getSearchResult } from '@libs/actions';
 import { Broadcast, User2 } from '@libs/internalTypes';
 import { useSearchParams } from 'next/navigation';
-import React, { useState, useEffect, useContext, createContext, PropsWithChildren, use } from 'react';
+import React, { useState, useEffect } from 'react';
 import Lives from '@components/livesGrid/Lives';
 import clsx from 'clsx';
 import no_result from '@assets/no_result.png';
@@ -38,7 +38,7 @@ const SearchController = ({ children }: Props) => {
 
   useEffect(() => {
     getSearchResults();
-  }, []);
+  }, [query]);
 
   return (
     <div className="flex w-full flex-col items-center">

client/src/app/components/studio/StudioMoodDropdown.tsx

@@ -12,22 +12,9 @@ type MoodProps = {
 
 const StudioMoodDropdown = ({ setData, data, placeHolder }: MoodProps) => {
   const moods = Object.values(MOODS_CATEGORY);
-  // const [selectedKey, setSelectedKey] = useState<string | null>(''); // <-
-  // const [selectedMoodCode, setSelectedMoodCode] = useState<MoodsCategoryKey>('unknown');
-
-  // const selectMood = (key: string) => {
-  //   setSelectedKey(key);
-  //   setData(key);
-  // };
 
   const selectedMood = moods.find((m) => m.CODE === data);
 
-  // useEffect(() => {
-  //   console.log(data);
-  //   setSelectedKey(data);
-  //   setSelectedMoodCode(moods.find((m) => m.CODE === data)?.CODE || 'unknown');
-  // }, [data]);
-
   return (
     <StudioDropdown>
       {({ inputRef, inputValue, isFocused, handleChangeInput, handleFocusInput, blurDropdown }) => (
@@ -47,10 +34,8 @@ const StudioMoodDropdown = ({ setData, data, placeHolder }: MoodProps) => {
                   <StudioDropdown.Item
                     key={idx}
                     onClick={() => {
-                      // selectMood(m.CODE);
                       setData(m.CODE);
                       blurDropdown();
-                      // setSelectedMoodCode(m.CODE);
                     }}
                   >
                     <span>{m.NAME}</span>