Material-table: Placeholder for input on row adding

[perfectstrong]

Describe the bug
Not really a bug but when the column header is a React Component, browser will warn whenever attempting to add a new row
Failed prop type: Invalid prop `placeholder` of type `object` supplied to `ForwardRef(TextField)`, expected `string`.

To Reproduce
javascript columns = [ { field: "firstCol", title: <ReactComponent/>, }, { field: "secondCol", title: "B" }, ]

Suggestion
We should have a custom placeholder field for each column in case of having React Component as column header.

Screenshots

[masbaehr]

Seems to be a duplicate, i provided a workaround in my issue thread, but it really needs a fix :/

https://github.com/mbrn/material-table/issues/1260

[aabuelenin]

here's the workaround I used:

components={{
                        EditField: props => {
                            const newProps = {
                                ...props,
                                ...{
                                    columnDef: {
                                        title: '',
                                    },
                                },
                            };
                            return <MTableEditField {...newProps} />;
}}

you can replace title: '' with props.columnDef.placeholder if you want

[Domino987]

Closed in favor of #1260