How typing this situation like <HTMLFormElement> component.. error is IntrinsicAttributes & FormEventHandler<HTMLFormElement> & { children?: ReactNode

Question

i can't solve this problem. help me plz..

i use React + Typescript. so I dont want code any type. But this situation is very hard to me.

i make CC, PC. these are Container Component, Present Component. first i code CC. like

// loginCC
    const loginSubmit: React.FormEventHandler<HTMLFormElement> = async (e: React.FormEvent<HTMLFormElement>) => { ...}

and i use props.

// login cc
return <LoginPresenter loginSubmit />;

next i code PC

const LoginPresenter: React.FC<React.FormEventHandler<HTMLFormElement>> = (loginSubmit) => {...}

But i uncounter error

enter image description here

so i don't know how can solve this type.

somebody help me...