recompose

I am starting to develop a web application using React JS. I bought a theme from theme forest. In the theme, they are using compose like this in the component. ...Other code here Login.propTypes = { classes: PropTypes.shape({}).isRequired, width: PropTypes.string.isRequired }; export default compose(withWidth(), withStyles(themeStyles, { withTheme: true }))(Login); As you can see their code is using the compose at the end when exporting the Component. I cannot modify their built-structure. What I like to do now is I like to use connect feature of the react as well. Normally connect is used in

I have a very basic stateful component where I'm using recompose to add multiple HOC to my component (in my example I only use one for simplicity). For some reason typescript is giving me an error regarding my props going into my component. How can I get rid of this error? Here's my code: import * as React from 'react'; import { connect } from 'react-redux'; import { compose } from 'recompose'; interface IStoreState { readonly sessionState: { authUser: { email: string; } } } interface IAccountPageProps { authUser: { email: string } } const AccountPage = ({ authUser }: IAccountPageProps ) =>

Basically, I want something like this: export type ReturnValueMapper<Func extends (...args: Args[] /* impossible */ ) => any, ReturnValue> = (...args: Args[]) => ReturnValue; I'm almost sure that it's impossible, but I haven't found exact confirmation. The use case is improving types for recompose's withStateHandlers , enabling defining state updaters like this: interface StateUpdaters { update(field: string): void; // I don't want to specify Partial<State> here } Edit Since the original question was answered typescript has improved the possible solution to this problem. With the addition of