profesor08, когда хуки (useState к примеру) превышают количество в пять в одной компоненте, то начинается самая настоящая головная боль. Не встречались с таким?
profesor08, честно скажу, что мне как ООП-шнику гораздо удобнее использовать именно класс компоненты чем функциональные. Функциональные если и юзаю, то они совсем "тупые". Там же и тайпскрипт, и интерфейсы и прочее.
Если веб приложение мелкое, то задумайтесь над тем, чтобы перевести его на Angular 2+. Вот тут очень чётко описано как настроить и PWA и тем временем это будет SPA, а также полная CEO оптимизация. Всё из коробки и особо заморачиваться не нужно.
Попробуйте в массив запихать данный текст, например text: ['such a good" day"'] или заинкодить кавычки. А ещё лучше скиньте кусок кода, который вы пытаетесь отправить.