customInput failed prop type with styled-component passed

Hi, sorry but I got this error when I try to pass a styled-component

import styled from 'styled-components';

const StyledInput = styled((props) => (
  <input {...props} />
))`
  // my stylings...
`

to the customInput prop. The error that I got is the following

Failed prop type: Invalid prop customInput of type object supplied to NumberFormat, expected function.

However the app works just fine. What’s the cause of this if I may get a better understanding? Thank you in advance!

[blaiprat]

Had the same issue, but after changing the prop to a function wrapper seems to be workign as expecteed. The code that works:

<NumberFormat
    type="text"
    value={value}
    customInput={(props) => <StyledInput {...props} />}
/>

---

Update: Seems that after applying this only the first key is registered, so still not working as expected

[alextiley]

I have created a pull request which fixes this - the function prop-type is not quite correct and can now be replaced with PropTypes.elementType. As a temporary workaround it’s possible to suppress the prop-type warning by wrapping your styled-component in a class component, e.g:

const StyledInput = styled.input`
  // Your styles
`;

class Input extends React.Component {
  render() {
    return (
      <StyledInput {...this.props} />
    );
  }
}

This is not ideal but is another solution for those who stumble upon this.