Как конвертировать утилиту Compose Repose для реагирования на хуки

Question

Я недавно начал мигрировать пакеты перекомпоновки для реагирования на хуки, но я не могу понять, как они конвертируются. я публикую пример, пожалуйста, помогите мне с этим.

> import { compose, setDisplayName, withProps } from "recompose";
> 
> export const LoginRoute = compose<InternalProps, LoginRouteProps> (  
> setDisplayName("Login"),   withProps(({ location }) => ({
>     email: "example@gmail.com",
>     accountActivationSuccess: "account",
>     externalLoginFailed: "error",
>     changePasswordSuccess: "password"   })) )(({ email, accountActivationSuccess, changePasswordSuccess, externalLoginFailed
> }) => (   <ThemedContent>
>     <LoginForm
>       twoFactorTokenExpired={twoFactorTokenExpired}
>       accountActivationSuccess={accountActivationSuccess}
>       externalLoginFailed={externalLoginFailed}
>       model={{ email: email || localStorage.getItem("sso:email") || "", password: "", returnUrl: returnUrl || "/", changePasswordSuccess
> }}
>     />   </ThemedContent> ));

пожалуйста, помогите мне преобразовать код перекомпоновки для реагирования хуков