Emotion 10 intrinsics typescript types do not have event handler props

• emotion version: 10.0.4
• react version: 16.7.0-alpha.2

Relevant code:

const Form = styled.form({})

const Foo = () => <Form onSubmit={e => { console.log(e) }} />

What you did:

Upgraded to Emotion 10

What happened:

Intrinsics created by styled do not appear to have event handler props like onSubmit/onChange so typescript complains about the implicit any of e.

error TS7006: Parameter 'event' implicitly has an 'any' type.

Reproduction:

Codesandbox doesn’t import emotion types, so it’s not helpful to repro. If there’s a way to make that work, or if there’s a starter project w/ Typescript + emotion 10 I’d gladly whip up a repro.

[aaronjensen]

It looks like that will work for me. I don’t need it to accept functions because these are for functions that return styles.

By the way, CSSPropertiesWithMutliValues is misspelled Mutli vs Multi.

Looks like all I need now to upgrade to emotion 10 would be the above new type, innerRef support (I may be missing something here) and the babel jsx pragma eliding fix.

[aaronjensen]

@Ailrun here you go: https://github.com/emotion-js/emotion/pull/1098