Pasha

Путь к файлу с двойными обратными слэшами: Попробуйте заменить путь к файлу с одиночными слэшами на правильный с двойными обратными слэшами:

file_path = "C:\\py\\placeholder.jpg"

Или попробуйте вот так:

Использование os.path для кроссплатформенных путей: Чтобы избежать ошибок при работе с путями на разных операционных системах, вы можете использовать модуль os.path, который автоматически формирует правильные пути.

import os
file_path = os.path.join("C:", "py", "placeholder.jpg")

https://keenetic.com/en/keenetic-hopper

хоть у меня и нет блокировок youtube, и так далее, но посоветую взять тот же Keenetic. очень крутой роутер!
взял себе вот такой полгода назад, очень доволен: https://keenetic.com/en/keenetic-hopper
есть мобильное приложения еще для него. удобно все настраивать, все понятно, разберется даже неопытный пользователь. поспрашивайте в магазине техники у консультантов, именно про keenetic, они вам все покажут. это достойная фирма. можно и на нем свой vpn поднять. что угодно можно сделать. и блокировщик рекламы в самом роутере.

Убедитесь, что кабель подключен правильно и полностью, а также что оба порта (на мониторе и видеокарте) поддерживают DisplayPort 1.2 или выше. Если это старый кабель или неправильный порт (например, DisplayPort 1.1), он может ограничивать частоту обновления. Попробуйте использовать другой кабель DisplayPort (если есть возможность), чтобы исключить неисправность самого кабеля.

Некоторые мониторы ограничивают частоту обновления на определённых разрешениях. Например, 180 Гц может быть доступна только на 1920x1080, а не на более высоких разрешениях. Попробуйте установить разрешение 1920x1080 и проверить, появляется ли 180 Гц в списке частот.

В React 18 при использовании режима Strict Mode компонент монтируется дважды в development среде - это ожидаемое поведение для выявления потенциальных проблем.

Вот несколько решений:
Самое простое - убрать StrictMode в index.js:

ReactDOM.createRoot(document.getElementById('root')).render(
  <App />
);

Лучшее решение - оставить StrictMode и оптимизировать компонент с помощью useCallback:

const Button = ({info, id}) => {
  const btn = useCallback((id) => {
    setTodo(prevTodo => prevTodo.map(item => {
      if(item[0] === id) {
        return [...item.slice(0,6), !item[6], ...item.slice(7)];
      }
      return item;
    }));
  }, []);

  return (
    <button 
      className={`icon ${info ? 'icon-play' : 'icon-pause'}`}
      onClick={() => btn(id)}
    />
  );
}

на официальном сайте vite есть инструкция.
https://vite.dev/guide/static-deploy

также рекомендую искать в том же youtube и других поисковиках запросы на английском языке. на английском очень много видео имеется.

How To Deploy A React Vite App