diff --git a/src/popup/components/inputs.tsx b/src/popup/components/inputs.tsx index 40965ec..eebb81f 100644 --- a/src/popup/components/inputs.tsx +++ b/src/popup/components/inputs.tsx @@ -79,11 +79,6 @@ function Inputs() { }); } - useEffect(() => { - const last_id = window.localStorage.getItem("videoId"); - setVideoId(last_id ?? ""); - }, [setVideoId]); - return ( <> diff --git a/src/popup/components/search.tsx b/src/popup/components/search_input.tsx similarity index 99% rename from src/popup/components/search.tsx rename to src/popup/components/search_input.tsx index b950357..6b2bbcc 100644 --- a/src/popup/components/search.tsx +++ b/src/popup/components/search_input.tsx @@ -90,7 +90,7 @@ function Search() { placeholder="検索ワード" className="col-span-5" type="text" - value={word} + defaultValue={word} onChange={(e) => { setWord(e.target.value); }} diff --git a/src/popup/popup.tsx b/src/popup/popup.tsx index b8c55c2..cfd22b9 100644 --- a/src/popup/popup.tsx +++ b/src/popup/popup.tsx @@ -25,7 +25,7 @@ import { createRoot } from "react-dom/client"; import browser from "webextension-polyfill"; import Inputs from "./components/inputs"; import Menu from "./components/menu"; -import Search from "./components/search"; +import Search from "./components/search_input"; import { isWatchPage as isWatchPageFn } from "./utils"; export const VideoIdContext = createContext<{ @@ -42,7 +42,6 @@ export const Popup = () => { function setVideoId(video_id: string) { _setVideoId(video_id); - window.localStorage.setItem("videoId", video_id); } isWatchPageFn().then(setIsWatchPage);