Как решить ошибку TS в атрибуте name для input type = radio?

Question

[Александра]

Всем привет, подскажите пожалуйста как решить ошибку типизации, ts подчеркивает атрибут name - Volar: Type 'string | number' is not assignable to type 'string | undefined'. Type 'number' is not assignable to type 'string'

// Пропс
  modelValue: {
    type: [Number, String] as PropType<number | string>,
    default: null,
    validator: (value) => !Number.isNaN(Number(value))
  }
// Template
      <input
        :id="uuid"
        class="s-radio__input"
        type="radio"
        :value="value"
        :name="modelValue"
        :checked="isChecked"
        data-qa="s-radio-input"
        @input="emit('update:modelValue', value)"
      >

Comments

[WbICHA]

Как насчёт не передавать в нейм число?

Answer 1

[Aetae]

Ну name ждёт стрингу и не ждёт намбер, что тут непонятного?)
"Правильно" - сделать как-то так :name="`${modelValue}`", но я бы попатчил типы инпута ибо он сам себе всё прекрасно преобразует.