первое, что пришло в голову - responseType: 'arraybuffer', responseEncoding: 'binary'

и ответ декодить

Спасибо, попробую

о, даже вот что нашел https://stackoverflow.com/questions/40211246/encoding-issue-with-axios

как бы вы это написали? где-то читал  что двойных исключений желательно избегать, типо запутывает читающего код.

а где тут двойное исключение? И что это значит? В моём понимании двойное исключение выглядит так !!variable, а точнее двойное отрицание.
я бы написал reminders && reminders.map(), даже если там будет пустой массив, ничего страшного не произойдёт

"а где тут двойное исключение?" нет нет напоминаний это же двойное исключение

reminders && reminders.map() - попробую но в реакте так не пишут почему-то

почему вы так решили? Пишут еще как. В чем вы видите проблему такой записи?

для массивов обычно пишут
reminders && reminders.length > 0 && reminders.map
но я не вижу необходимости проверять длину. Если массив будет пустым, map сработает и вернет пустой массив, который в свою очередь не отрендерится.
Проверять длину нужно если вы хотите вывести сообщение вроде no reminders found

я не сразу увидел. теперь вспомнил почему так сделал

(reminders || []).length лаконичнее мб будет

Ну вы и наркоманы, у нас есть ?.

тогда 0 будет рендерится, нужна проверка на >0

Мы постепенно он старого к новому идем)

Не, дальше идет map. Я просто первые две проверки типа “одной» заменил

гулять так гулять, я бы тогда написал так

const remindersMarkup = useMemo(() => {
  if (!reminders || !reminders.length) { // можно улучшить условие с optional chaining если поддерживается в проекте
    return <h2>No Reminders found!</h2>
  }
  return reminders.map((reminder, idx) => <Reminder key={idx} {...reminder}) /> // плохая затея в ключ записывать индекс элемента в массиве
}, [reminders])

return (
  <div>
    <h3>Reminders</h3>
    {remindersMarkup}
  </div>
)

const remindersMarkup = useMemo(() => {
  if (!reminders || !reminders.length) { // можно улучшить условие с optional chaining если поддерживается в проекте
    return <h2>No Reminders found!</h2>
  }
  return reminders.map((reminder, idx) => <Reminder key={idx} {...reminder}) /> // плохая затея в ключ записывать индекс элемента в массиве
}, [reminders])

return (
  <div>
    <h3>Reminders</h3>
    {remindersMarkup}
  </div>
)

выглядит неплохо. советуют правда лишний раз useMemo не юзать. типо влияет на перформанс. не знаю насколько правда

не совсем понял, если вы запишите

(reminders || []).length && reminders.map()

то в случае falsy значения reminders у вас на странице отрендерится 0

(reminders || []).length && reminders.map()

Вы, видимо, правы, я не так код читал) В реакте давненько не рылся