vertically-challenged

Добавляешь видео без дефолтного плеера и обычную кнопку, которую стилизуешь как кнопку переключения звука и позиционируешь над видео, а дальше пишешь скрипт, управляющий звуком, который потом навешиваешь на событие onClick у это самой кастомной кнопки

Без JS не получилось

Сначала я установил контейнеру, в котором находятся эти два блока, position: absolute; и bottom: 0;, что прижало его к нижней части экрана, и теперь, когда я вводил сообщение, input стал растягиваться вверх, толкая блок с сообщениями выше, а сжимать блок сообщений пришлось уже с помощью JS, получив offsetHeight блока обертки input'а и вычитая его из высоты блока сообщений при изменении input'а

Проблема решилась отключением serviceWorker в index.tsx, не знаю как эти вещи связаны, но закомментировав регистрацию serviceWorker и поменяв еще раз порт webpack.config.js все разрешилось

Проблема решилась тем, что я в Row.jsx в функции createCell заменил обращение к состоянию row на обращение к пропу record

const dispatch = useDispatch()
  const city = useSelector((state: TRootState) => state.city)
  const [inputCityValue, setInputCityValue] = useState(city)

  return (
    <form onSubmit={
      (event) => {
        event.preventDefault()
        dispatch(setCity(inputCityValue))
      }
    }>
      <p>{city}</p>
      <Input name={'test'} value={inputCityValue} onChange={onChangeHandlerWrapper(setInputCityValue)}/>
      <button type='submit'><span>Обновить данные</span></button>
    </form>
  )