При попытке изменить размер на react ширина продолжает подпрыгивать не работает должным образом

#javascript #reactjs

Вопрос:

Привет, у меня есть случай, когда я хочу заблокировать окно, когда оно достигнет ширины 360, чтобы его больше нельзя было изменять. Это то, что я пробовал до сих пор, я собираюсь показать часть кода реакции:

   const heightPlayerWindow = 700;
  const widthPlayerWindow = 1080;

  const [size, setSize] = useState([widthPlayerWindow, heightPlayerWindow]);
  useLayoutEffect(() => {
    function updateSize() {
      setSize([window.innerWidth, window.innerHeight]);
    }
    window.addEventListener('resize', updateSize);
    updateSize();
    return () => window.removeEventListener('resize', updateSize);
  }, []);
  
   if(size[0] < 360) {
      window.resizeTo(360, heightPlayerWindow)
    } 

Есть ли способ остановить окно, кроме изменения размера, или как я могу сделать так, чтобы оно не отскакивало? Пожалуйста, помогите