How to describe the ref that we get from forwardRef in propTypes?

Question

React

Good afternoon! Please help, I am getting an error

Warning: forwardRef render functions do not support propTypes or defaultProps. Did you accidentally pass a React component?

if my application uses propTypes, then how can I avoid this warning?

Answer 1

It's all in the warning itself
Warning: forwardRef rendering functions do not support propTypes or defaultProps.
Either remove propTypes or don't use refs.

Answer 2

const List = (props, ref) => {
  return (
    <Button
      {...props}
      ref={ref}
    />
  );
}

export default React.memo(React.forwardRef(List));