tron21

Ответ кроется в этом объекте -

{
          uri: file.filePickerUri,
          type: file.filePickerType,
          name: file.filePickerName,
          fileName: file.filePickerName,
        } as any,

Я был не прав что это не взаимосвязано. Достаточно name: file.filePickerName поменять на name: encodeURIComponent(file.filePickerName), а декодировать на стороне бэка и все будет корректно

Ошибся в создании ключа -

const secretKey = crypto
  .createHmac("sha256", "WebAppData")
  .update(botToken)
  .digest();

Библиотека react-toastify позволяет поставить toast элементу значение toastId . Если же айди у двух контейнеров будет одинаковое, то покажется только один контейнер. Библиотека сама отслеживает дубли своих контейнеров.

const notifyError = (errorMessage: string | Error) =>
  toast.error(errorMessage, {
    position: "bottom-center",
    autoClose: 5000,
    hideProgressBar: false,
    closeOnClick: true,
    pauseOnHover: true,
    draggable: true,
    progress: undefined,
    toastId: errorMessage as string,
  });

Надо быть мне внимательней мне.

const handleChange2 = handleChange();