Если ты в App помимо карточек добавиш, допустим компонент хедера еще, то при изминении карточек у тебя и хедер будет ререндерится, так быть не должно. Тебе надо сделать компонент Cards который будет в себе содержать стейт карточек и рендерить их через map, так  только карточки будут ререндерится

Ну да, там просто по коду ничего кроме карточек нет

А что это за конструкция?
login: async и стрелочная функция?

«login:» что это?
П.с. Я только начал изучать реакт

подскажите пожалуйста, как передать три разных параметра через axios.post?
пробую передавать так:

export async function insertFiles(ext, name, file) {
    const response = await api.post(`/insertFiles`, {fileExt: ext, fileName: name, fileData: file}, {
 })

на сервере прилетают данные так:

fileExt:  { fileExt: '.txt', fileName: 'ошибка.txt', fileData: {} }
fileName:  { fileExt: '.txt', fileName: 'ошибка.txt', fileData: {} }
fileData:  { fileExt: '.txt', fileName: 'ошибка.txt', fileData: {} }

хочу добиться чтобы было:

fileExt: '.txt'
fileName: 'ошибка.txt'
fileData: {}

А что это за конструкция?
login: async и стрелочная функция?

«login:» что это?
П.с. Я только начал изучать реакт

а реакт тут причем?

а реакт тут причем?

со стороны клиента отправляю же

Там же простой объект, ключ login значение - функция. А вот дальше уже typescript немного присутствует

со стороны клиента отправляю же

Это же без реакта работает так же? Значит не сюда вопрос.
@js_ru, @js_noobs_ru

а вопрос то в чём?

добрый день, при входе в систему на странице пользователя я получаю определенную информацию, которую вывожу на страницу ... У меня есть специальный стейт формы, в котором я держу значение и отправляю их на сервер при необходимости. При первом запуске я не могу получить данные из формы, потому что она пустая, если напрямую заполнять поля (в обход формы) - то все работает сразу, но с помощью формы требуется дополнительная перезагрузка страницы

а что в console.log auth