Issues with Typescript + React native about react-final-form HOT 9 CLOSED

styled-components is a library compatible with both react and react-native (and it has completely different implementations for each one). The way it's API works is by exposing functions from styled-components/native. So if you are targeting web you import from styled-components and if you are targeting react-native, you import from styled-components/native.
Maybe we could expose a different component (under react-form-react/native) for react-native usage

from react-final-form.

Hello there!

Are there any updates on this issue?

from react-final-form.

I think #84 handled the first one, right @cosmith?

Is there a way to say, "This stuff, and anything else" in type definitions?

from react-final-form.

Hmm, maybe:

interface IFieldProps {
     bla: bla;
    [x: string]: any ;
}

But I'm wondering if this is a good practice

from react-final-form.

I'm largely ignorant of TS, so don't feel like I can make a judgement call on this. First check other React component libs, and if it seems like something people do, I'd be happy to accept a PR with this change.

from react-final-form.

Extra props is a duplicate of #79, it's fixed on master already.

@rafaelcorreiapoli I've never used react-native but looking a the definitions, NativeSyntheticEvent does not extend SyntheticEvent, hence the problem that you describe.

Surely other libraries (compatible with both react and react-native) encountered this problem already. Do you know of any good example we can take inspiration from?

from react-final-form.

Is it a good practice, idk but this pattern is used all over the place.

It is a way of saying "here are the props the lib cares about, you can pass anything else but we won't use it". As long as we maintain the "official" attribute list, we're OK.

from react-final-form.

One more issue with React native. onPress and handleSubmit

       <Form
          render={({ handleSubmit }): JSX.Element => (
              <TouchableOpacity onPress={handleSubmit}>
                Submit
              </TouchableOpacity>
          )}
        />

Type '(event?: SyntheticEvent<HTMLFormElement, Event> | undefined) => Promise<AnyObject | undefined> | undefined' is not assignable to type '(event: GestureResponderEvent) => void'.

from react-final-form.

Published fix in v6.3.4.

from react-final-form.