Как вы можете создать несколько объектов для одного и того же класса, не зная количества необходимых объектов?

Документы для withStateHandlers указывают:

withStateHandlers(
  initialState: Object | (props: Object) => any,
  stateUpdaters: {
    [key: string]: (state:Object, props:Object) => (...payload: any[]) => Object
  }
)

Это означает, что каждое свойство state-updater является функцией, которая получает аргументы state и props и возвращает другое функция, которая, в свою очередь, принимает необязательные аргументы полезной нагрузки (то есть все, что вы передаете в качестве аргументов при вызове onTrigger), и возвращает новое состояние.

Ваш onTrigger возвращает новое состояние вместо функции, поэтому тип неверен. Если вы завершите результат в функцию стрелки, он должен работать:

onTrigger: ({ active }) => () => ({
  active: true
})