Я сделал обёртку для формы, которая в зависимости от роута передает в форму разные колбэки, на создание и на обновление сущности, но когда я вызываю этот HOC в роуте и передаю ему компонент формы, ts ругается на типизацию оборачиваемого компонента
Код обертки
type ComponentProps<EditEnity, CreateEntity> = {
callback: (task: EditEnity | CreateEntity) => Promise<void>
}
type Props<EditEnity, CreateEntity, ServiceType> = {
Component: React.ComponentClass<ComponentProps<EditEnity, CreateEntity>>
service: ServiceType
} & RouteComponentProps<RouteParams>
type RouteParams = {
taskId: string
}
function FormWrapper<EditEnity extends BaseEntity, CreateEntity, ServiceType extends RestPaginationService<EditEnity, CreateEntity> = RestPaginationService<EditEnity, CreateEntity>>({
Component,
service,
...props
}: Props<EditEnity, CreateEntity, ServiceType>) {
const isTaskToEdit = (taskEntity: EditEnity | CreateEntity): taskEntity is EditEnity => {
return (taskEntity as EditEnity).id !== undefined
}
const submitHandler = (taskEntity: EditEnity | CreateEntity) => {
if (isTaskToEdit(taskEntity)) {
return service.update(taskEntity)
}
return service.add(taskEntity as CreateEntity)
}
return <Component {...props} callback={submitHandler} />
}
const CustomFormWrapper = <EditEnity, CreateEntity>() => FormWrapper
export default CustomFormWrapper
Вызываю его в роуте
<Route
path="/admin/tasks/ordering/add"
exact
//@ts-ignore
render={props => <CustomFormComponent {...props} service={service} Component={OrderingTaskForm} />}
/>
<Route
path="/admin/tasks/ordering/edit/:taskId"
exact
//@ts-ignore
render={props => <CustomFormComponent {...props} service={service} Component={OrderingTaskForm} />}
/>
если поставлю any в типе оборачиваемого компонента ошибки нет
type Props<EditEnity, CreateEntity, ServiceType> = {
Component: React.ComponentClass<any>
service: ServiceType
} & RouteComponentProps<RouteParams>
Буду рад любой помощи