Мало вводных данных. Попробуйте вместо тегов frame использовать стандартный для видео файлов тег video. А вообще откройте консоль браузера и пришлите все ошибки сюда для более полной картины. Очень вероятно, что просто 7 из 13 видео файлов не смогли погрузиться. Причины? Да их миллион. Ограничения хостинга где они расположены, ограничения вашего провайдера связи, ошибка в урл и т.д.
А какая цель это действа? Вы же форму сабмитите с помощью Ajax. Ну так просто добавьте в formData атрибут otkuda. А само поле в форму вставлять не нужно.
Ну как бы вот это в первую очередь должно насторожить. Нужна полная диагностика в хорошем СЦ. Тут всё что угодно может быть - и память, и ЦПУ, и видео.
Если коротко - то в целом да, это нормальная практика. Когда вы в useWatch (да и в useSelector, useState) возвращаете объект, при изменении хотя бы одного из его (объекта) свойств считается что изменился весь объект (что в общем то логично). Если вам нужно остлеживать только одно свойство объекта - то ваш путь верный.
А чего вы хотите получить от сторонней сборки? Что за маниакальное мнение, что стороннее, лучше оригинального? Тут уже 100500 раз отвечали, ставьте оригинальные дистрибутивы!
Ваш код не смотрел :) но похожие ошибки происходят из-за наличия в сборке нескольких реактов. Смысл в том, что во всех библиотеках вам нужно исключить из сборки реакт, стор и прочие зависимости. Реакт, общий стор должны подключаться только в "итоговом" проекте, куда вы подключаете свои библиотеки. Для сборщика vite.js есть плагин rollup-plugin-auto-external - он решает подобные задачи. Использование rollup-plugin-auto-external уменьшает размер билда библиотеки в разы.