Павел Диденко

Надо использовать SSR

node + mongoDB + mongoose, поищи в ютубе по этим словам, видосов куча будет

const onChange = (name, value) => {
    setFormFields((prevState) => ({
      ...prevState,
      [name]: value
    }));
  };

Вот тут вы заменяете весь объект состояния, поэтому очищается

При наведении на блок Man дергается из за повторного рендера картинки подложки.
Открываешь инструменты разработчика на вкладке elements, выделяешь блок с классом "styles__Box-be5yn1-3 kFJOuH", затем на вкладке со стилями рядом с инпутом с плейсхолдером filter выбираешь эффект hover. И потыкайся в него, увидишь как в ховере зашита картинка.
Была картинка -> навел -> убрал картинку у блока -> добавил картинку в ховере

if (err || !doc) ?

Это вам надо на фриланс площадку идти

Почему нельзя взять и просто на странице Main вызвать этот запрос в componentDidMount? Что за извращение, вызывать его в App и передавать пропсом в роут?

Сталкивался с такой проблемой. Писал в поддержку Яндекса для исключения сайта из поисковой выдачи, это бесполезно, но я всегда делал, на всякий случай. Плюс письмо хостеру этого сайта, о незаконном копировании интеллектуальной собственности и материалов сайта. Для такого письма нужно подтвердить, что вы действительно являетесь владельцем домена

Нет, вы ведь не указали, что файл должен проходить через babel-loader

1. Самый легкий путь - разрешить доступ всем и установить пакет cors для express cors
2. Вы делаете POST запрос к GET методу

У вас начальный стейт app это массив. При первом рендере вы запрашиваете у массива свойство title. После этого уже должен выполняться componentDidMount. Удалите получение title, и падать не будет

Я бы сделал так: прошел пару курсов по React, например на udemy от Юрия Бура, и с фулстэк разработкой MERN. После этого начал бы искать новую работу. Иначе вы можете так и остаться в болоте

Из статьи на learn.javascript "observer.disconnect() – останавливает наблюдение"