Как передать строку как одно значение, а не как разделенное значение

У меня есть функция onClick div, которая вызывает функцию отправки и передает ей целевое значение (т.е. e.target.value). Передаваемое значение сохраняется в массиве.

Однако я заметил, что происходит что-то странное. В массиве, в который передается значение, первое значение хранится неправильно.

Например, если я передам 'hello', в массиве он будет сохранен как ['h','e','l','l','o']. И это происходит только с первым переданным значением, остальные сохраняются правильно.

Это моя функция, которая называется onClick;

const handleSelectedFilters = (e: any) => {
  dispatch(
    actions.storeData({
      name: data.name,
      values: e.target.value,
    }),
  );
}

И это действие в моем файле редуктора;

export interface DataState {
  name: string,
  values: Array<string>,
}

export interface FilterState {
  storedData: DataState[];
}

applyData: (
      state,
      action: PayloadAction<DataState>,
    ) => {
        state.storedData.push({
          name: action.payload.name,
          values: [...action.payload.values],
        });
    },

Пожалуйста, любая помощь будет оценена по достоинству, так как я действительно застрял. Что мне нужно сделать по-другому?