{"version":3,"file":"useDebounce-BDQfto4x.js","sources":["../../../app/javascript/hooks/useDebounce.ts"],"sourcesContent":["// Debounce機能のカスタムフック\nimport { useEffect, useState } from \"react\";\n\n/**\n * @param value 入力値\n * @param delay 遅延時間\n * @returns 遅延時間後の入力値\n */\nexport const useDebounce = (value: string, delay: number) => {\n const [debouncedValue, setDebouncedValue] = useState(value);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n setDebouncedValue(value);\n }, delay);\n\n return () => {\n clearTimeout(timer);\n };\n }, [value, delay]);\n\n return debouncedValue;\n};\n"],"names":["useDebounce","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":"8CAQa,MAAAA,EAAc,CAACC,EAAeC,IAAkB,CAC3D,KAAM,CAACC,EAAgBC,CAAiB,EAAIC,EAAAA,SAASJ,CAAK,EAE1DK,OAAAA,EAAAA,UAAU,IAAM,CACR,MAAAC,EAAQ,WAAW,IAAM,CAC7BH,EAAkBH,CAAK,GACtBC,CAAK,EAER,MAAO,IAAM,CACX,aAAaK,CAAK,CACpB,CAAA,EACC,CAACN,EAAOC,CAAK,CAAC,EAEVC,CACT"}