Unreadable Types in the Prop-Table

[leodr]

e.g. FileInput items-prop:

Array<{ types: Array<string>, maxFileSize: number, maxNumberOfFiles: number, directory: boolean, onClick: function, onChange: function, className: string, style: { [key: string]: string \| number }, disabled: boolean, content: { text: string, icon: string \| object } \| { children: ReactNode \| Array<ReactNode> } }>

This is not really readable. We should extract the inner object type into an interface that is defined where the prop description lives. There we can auto-format it to be more readable.