Using custom props with a Redux form in Typescript

custom-props.tsx

import * as React from 'react';
import {
  Field as FormField,
  InjectedFormProps,
  reduxForm,
} from 'redux-form';

interface CustomProps {
  customText: string;
}

class FormComponent extends React.Component<CustomProps & InjectedFormProps<{}, CustomProps>> {
  render() {
    const { handleSubmit, customText } = this.props;

    return (
      <form onSubmit={handleSubmit}>
        <div>
          <p>{customText}</p>
        </div>
      </form>
    );
  }
}

export const Form = reduxForm<{}, CustomProps>({
  form: 'form',
})(FormComponent);

Lifesaver!

Thanks a lot! Saved my day )

Thank you!!

That's awesome. Thanks. :)

Thanks, dude. this should be added into the official document.

that help me remove another // @ts-ignore
thanks

dude you're a genius!

stared!

Thank you buddy,preety hard task.One more star (Y).Cheers.

Has anyone converted this to a functional component?

omg, thx!!

thank you very much

This is still paying dividends! Helped me today, thanks!