fix: debounce URL updates to prevent History API errors
This commit is contained in:
@@ -294,11 +294,17 @@ function App() {
|
|||||||
const [slider, setSlider] = useState(initialSlider);
|
const [slider, setSlider] = useState(initialSlider);
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
const params = new URLSearchParams();
|
const handler = setTimeout(() => {
|
||||||
params.set('duration', duration.id);
|
const params = new URLSearchParams();
|
||||||
params.set('end', end.unix());
|
params.set('duration', duration.id);
|
||||||
params.set('slider', slider.join(','));
|
params.set('end', end.unix());
|
||||||
window.history.replaceState({}, '', `${window.location.pathname}?${params.toString()}`);
|
params.set('slider', slider.join(','));
|
||||||
|
window.history.replaceState({}, '', `${window.location.pathname}?${params.toString()}`);
|
||||||
|
}, 500);
|
||||||
|
|
||||||
|
return () => {
|
||||||
|
clearTimeout(handler);
|
||||||
|
};
|
||||||
}, [duration, end, slider]);
|
}, [duration, end, slider]);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
Reference in New Issue
Block a user