Typing issues with Typescript 3 and new LibraryManagedAttributes feature

[cdeutsch]

• I have searched the issues of this repository and believe that this is not a duplicate.

Possibly related to #11677

Version

3.8.0

Environment

typescript@3.0.1 @types/react@16.4.8 @types/react-dom@16.0.7

Reproduction link

https://github.com/cdeutsch/LibraryManagedAttributes-Repro/

Steps to reproduce

Try to use <Input> with TypeScript 3 and latest @types/react and @types/react-dom

What is expected?

No errors

What is actually happening?

Type '{}' is not assignable to type 'Pick<MergePropTypes<Readonly<{ children?: ReactNode; }> & Readonly, InferProps<{ type: any; id: any; size: any; maxLength: any; disabled: any; value: any; defaultValue: any; className: any; addonBefore: any; ... 9 more ...; suffix: any; }>>, "children" | ... 281 more ... | "autosize">'.
Property 'autosize' is missing in type '{}'.

---

More information here:
DefinitelyTyped/DefinitelyTyped#27805

[huangbinjie]

I have the same issue.

[fengweilin]

I have the same issue.

[graykick]

I have the same issue.

[ghost]

I have the same issue.

[IssueHuntBot]

@BoostIO funded this issue with $30. Visit this issue on Issuehunt

[IssueHuntBot]

@yesmeck has started working. Visit this issue on Issuehunt

[elie222]

Same issue. When will the fix get pushed to npm?

[cdeutsch]

@elie222 it should already be fixed.

Requires upgrading Ant and @types/react and @types/react-dom

[eloff]

With tsc 3.0.1 I was getting:

Property 'autosize' is missing in type for Input
Property 'combobox' is missing in type for Select
Property 'htmlType' is missing in type for Button

When I upgraded to antd (3.9.1), @types/react (16.4.13), and @types/react-dom (16.0.7) the problem went away.

[Spenhouet]

@elie222 it should already be fixed.

Requires upgrading Ant and @types/react and @types/react-dom

I don't use Ant at all, upgraded to "@types/react": "^16.4.14" and "@types/react-dom": "^16.0.7" but this error persists.

What else can I do? Where is this error coming from? Where do I need to raise the awareness?

[Spenhouet]

For me the workaround is adding "skipLibCheck": true to tsconfig.json.

https://stackoverflow.com/a/52404148/2230045

[Beraliv]

For me the workaround is adding "skipLibCheck": true to tsconfig.json.

https://stackoverflow.com/a/52404148/2230045

This isn't good workaround
Better not use Typescript then

[ChristianIvicevic]

If you happen to use yarn, then add the following to your package.json:

"resolutions": {
    "@types/react": "^16.7.18"
},

You get the error since yarn is incorrectly resolving multiple versions of the same package instead of just using one.

[khaziwallis]

add skipLibCheck": true to tsconfig.js is one solution, but better to solve via adding resolutions in package.json.

"resolutions": { "@types/react": "^16.7.18" },

[ChristianIvicevic]

@khaziwallis This is virtually the same as my suggestion in the previous comment :)