У меня на сайте есть заглушка по типу "перейдите в play market \ app store" и скачайте приложение...
Она должна появляться при ширине экрана меньше 1000px. Я просто создал этот компонент, повешал addEventListener на ширину экрана, и по условию от рисовую разные компоненты.
Но когда перехожу между страницами на секунду появляется заглушка, и пропадает....
Как правильно это сделать что бы она не появлялась на секунду при переходе между страницами?
_________
Получается что изменяется ширина экрана, вот что выходит с шириной при переходе между страницами
У меня есть кастомний hook для ширины и высоты
export const useWindowSize = () => {
const [windowSize, setWindowSize] = useState({ width: 0, height: 0 });
useEffect(() => {
const handleResize = () => {
setWindowSize({
width: window.innerWidth,
height: window.innerHeight
});
};
window.addEventListener('resize', handleResize);
handleResize();
return () => window.removeEventListener('resize', handleResize);
}, []);
return windowSize;
};
Вот так работаю с ним
const { width } = useWindowSize();
return (
<>
{width > 850 ? (
<>
<MainApp/>
</>
) : (
<MobileApp/>
)}
</>
);
Простой
