someField: Yup.object().shape({
     innerField: Yup.string().required('errorFieldRequired'),
     anotherField: Yup.string().required('errorFieldRequired')
   })

а если добавить еще один уровень ? Дело в том что чекбоксы ach и witretransfer отображают разные филды

Ну так же

webmoney и bank transfer аналогично

someField: Yup.object().shape({
     innerField: Yup.string().required('errorFieldRequired'),
     anotherField: Yup.object().shape({
       innerSecondLevelField: Yup.number(),
       innerSecondLevelField2: Yup.string().required('errorFieldRequired'),
       innerSecondLevelField3: Yup.object().shape({
         innerThirdLevelField: Yup.string().required('errorFieldRequired'),
       }).required('errorFieldRequired')
     })
   })

Вот что интересно:
Я использую react-table
Колонки определены так:
```
const columns = useMemo(()=>[
  .......
 {
    Header: '',
    id: 'action',
   Cell: ({row}) => (<Button color={"primary"} outline className={"ml-1"} onClick={()=>handleClick(row.original.id)}>Action.....</Button>)
 }
],[])

И у кнопки такое поведение....
Разместил для теста кнопку с имитаций нажатия. Отрабатывает всегда корректно

типа можно обойтись без when ?

Не, не увидел изначально, тут надо по when смотреть и делать структуру

ну пытаюсь уже два дня

Ну собственно вот так:

const columns = useMemo(
        ()=>[

           .......
            {
                Header: '',
                id: 'actions',
                Cell: ({row}) => (......)
            }
        ],[data]
    )

Все работает коректно

существует ли генерик для объектов?

{}

для Array работает

Что тут происходит? :D

мне нужно на вход принять { }

function gay<T extends {}>(input: T): T {
 // ...
}

спс

массив не должен принимать

только { }

Че ты хочешь сделать, я не понимаю